Skip to content

A website where you can search for programming videos from Youtube📺 (React.js, React hooks, TypeScript, and Context API)

Notifications You must be signed in to change notification settings

eastend-street/codeo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Codeo

Netlify Status

Codeo is a website where you can search for programming videos from Youtube📺

website: https://codeo.netlify.app/


Screen Shot 2019-12-18 at 8 15 53 PM


Why I created this app

To search programming videos easily. YouTube has a lot of programming videos but there is no category page for programming. That's why I made Codeo.


Technologies

  • React.js
  • React hooks
  • React Context API
  • Redux
  • TypeScript
  • JavaScript
  • YouTube Data API

User Interface

codeo-ui


Architecture

codeo-architecture


Structure

src/
 index.tsx
 
 actions/  -----Actions to call API and dipatch data to Redux 
   EACH-CATEGORY.ts/
 
 components/
   COMPONENT_NAME/
    |-- COMPONENT_NAME.tsx  -----components with styled-components
 
 contexts/ ----- Create React context API
 
 reducers/  -----Get data from actions to send it to store 
   EACH-CATEGORY.ts/
 
 assets/
  images/ 

 data/  ----- Youtube video json data for failing to call API
 
 utils/ ----- common functions

Upcoming features

  • Put mask on other movies when a movie is selected
  • Make sort function by date, views, and upvotes

Author

eastend-street

About

A website where you can search for programming videos from Youtube📺 (React.js, React hooks, TypeScript, and Context API)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages