Skip to content
A video directory for developer and design talks using GatsbyJS, ReactJS, EmotionJS.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
src
static
videos
.eslintrc
.gitignore
.prettierrc
LICENSE
README.gatsby.md
README.md
gatsby-config.js
gatsby-node.js
netlify.toml
package-lock.json
package.json
yarn.lock

README.md

Tech Tube

A video directory for developer and design talks using GatsbyJS, ReactJS, EmotionJS.

Contributing Videos

Fork this repo and send a pull request with your video added to database.json.

  • If the video contains more than one speaker, the speaker name is "Various" and website is "#".
  • Git commits are prefixed with Github emoji (e.g. :movie_camera: Adding videos)

Make sure to follow the formatting exactly (e.g. 04/20/2020 date format is strict).

Development

Quick Start

  1. git clone <this repo>
  2. Navigate to directory: cd /<repoDirectory>
  3. npm i
  4. `npm run dev

App Structure

This app is built on top of Gatsby v2, React 16, and Emotion 9.2.

Videos are stored in a JSON file, which Gatsby parses into a GraphQL endpoint for use in development. Video pages, archives, etc are all created in gatsby-node.js which uses templates like templates/video-post.js to make dynamically generated pages.

Static pages are stored in /pages/.

Categories

  • cloud
  • devops
  • javascript
  • oop

Todo

High Priority

  • [] Make Speakers an array in database.json (allowing for multiple speakers).
  • [] Fill in website with more content

Low Priority

You can’t perform that action at this time.