Codeo

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

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

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

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