Coming Soon!
├── / #Home
├── /search #Search
└── /* #404
├── README.md
├── package.json
├── public
│ ├── _redirects
│ ├── index.html
│ ├── mov-you-logo-landscape.png
│ └── mov-you-logo-square.png
├── src
│ ├── components
│ │ ├── ChannelRow
│ │ │ ├── channel-row.css
│ │ │ └── index.js
│ │ ├── Header
│ │ │ ├── header.css
│ │ │ └── index.js
│ │ ├── RecommendedVideos
│ │ │ ├── index.js
│ │ │ └── recommended-videos.css
│ │ ├── SearchPage
│ │ │ ├── index.js
│ │ │ └── search-page.css
│ │ ├── Sidebar
│ │ │ ├── index.js
│ │ │ └── sidebar.css
│ │ ├── SidebarRow
│ │ │ ├── index.js
│ │ │ └── sidebar-row.css
│ │ ├── VideoCard
│ │ │ ├── index.js
│ │ │ └── video-card.css
│ │ └── VideoRow
│ │ ├── index.js
│ │ └── video-row.css
│ ├── contexts
│ ├── hooks
│ ├── index.css
│ ├── index.js
│ └── utils
│ └── firebase.js
└── webpack.config.js
-
Login/Signup
-
Upload video
-
Search video by channel name
-
Search video by title, description
-
Like/Dislike video
-
Subscribe/Unsubscribe from channels
-
Add comment
-
Edit profile (avatar, cover)
-
Liked videos
-
History
-
React + React Hooks + React Router
-
React Context API -> Redux Pattern
-
Material UI
-
Flexbox
-
Firebase’s Firestore Realtime DB
-
Firebase Hosting
-
Firebase Google Authentication (Will change to Auth0)
-
Redux - State Management
-
React Router - Routing
-
Styling - Styled Components
-
Toast Notifications - React Toastify
-
Network calls - Axios
-
Video player - Videojs