Coder Social home page Coder Social logo

thiskevinwang / coffee-code-climb Goto Github PK

View Code? Open in Web Editor NEW
12.0 1.0 0.0 55.59 MB

[DEPRECATED] A blog about coffee, coding, and climbing... with animations that are far too distracting

Home Page: https://coffeecodeclimb.com/

License: MIT License

JavaScript 3.66% TypeScript 94.92% CSS 1.42%
coffee code climb blog gatsby react typescript markdown graphql react-spring styled-components redux react-redux hooks netlify apollo aws cognito

coffee-code-climb's Introduction

Netlify Status Maintainability Test Coverage

Gatsby

Coffee Code Climb

Some blog posts about code, but mostly distrating animations.

Medium's Claps

Icon Trail

  • Add gif

Card Shuffling

  • Add gif

So far I've written random things about...

  • ๐ŸŸฆ TypeScript
  • ๐Ÿคฆ๐Ÿปโ€โ™‚๏ธ Coding Questions
  • ๐Ÿฆ€ Rust
  • ๐Ÿณ Docker
  • โš›๏ธ React

Testing on a mobile device

Run gatsby develop -H 0.0.0.0

  • You can now view coffee-code-climb in the browser.
    โ €
      Local:            http://localhost:8000/
      On Your Network:  http://192.168.1.102:8000/
    

[Optional] Run the Apollo API on this host

- server.listen({ port: 4044 })
+ server.listen({ port: 4044, host: "192.168.1.102" })
  or
+ server.listen({ port: 4044, host: process.env.HOST })

[Optional] Make sure any S3 buckets have proper CORS Permissions json

[
  {
    "AllowedHeaders": ["*"],
    "AllowedMethods": ["PUT"],
    "AllowedOrigins": [
      "http://192.168.1.102:8000",
      "http://localhost:8000",
      "https://coffeecodeclimb.com"
    ],
    "ExposeHeaders": []
  }
]

[Optional] chrome://inspect for mobile console logs

Open a tab to chrome://inspect โ€” choose when to start/stop logging Open another tab to http://192.168.1.102:8000

coffee-code-climb's People

Contributors

thiskevinwang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

coffee-code-climb's Issues

Add MDX

Description

Add MDX, and start writing new blog posts using .mdx files

Make an animated timeline component/page

Idea

Make an animated timeline component/page.

  • main events
  • branch out into leaf nodes

Include things like:

  • First Github commit
  • Started learning Swift
  • First Codewars answer
  • Created website repo / Started learning React & JavaScript
  • Quit Job
  • First OSS contribution
    • react-spring?
  • Created blog repo / Started learning Gatsby.js
    • Fixed a typo, became a Gatsby maintainer
  • Got internship
  • Started learning TypeScript
  • Failed first paired coding interview
  • Submitted first take home assignment
    • Scoot (received well)
  • Got job
    • Capsule
  • Broke production for the first time
    • Helped fix first incident?
  • Started learning Django & Python (Oct 2019)
  • Started learning Binary Trees (Nov 2019)
    • Leetcode?

Add styling to the .md TOC

Description

The TOC generated by gatsby-transformer-remark needs styling... but it comes as an html-string

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.