code-tube-demo.mp4
Code tube a video library application curated with coding videos. You can watch a detailed videos on programming and go in depth of specific category
- React
- TypeScript
- MinUI component library
- Scss for styling
- MockBee for mock backend
- React router v6
ESLint
andPrettier
for linting and formatting
Video Listing
- Show all videos
- List all available categories
Filtering videos
- Filter videos based on categories
Single Video Page
- Show Single video
- Add/remove video from liked videos
- Add/remove video from watch later
- Add/remove video from playlist
Liked videos
- Add video in
liked videos
- Remove video from
liked videos
- List all videos added to
liked videos
- Remove all videos from
liked videos
Watch Later
- Add video in
watch later
- Remove video from
watch later
- List all videos added to
watch later
- Remove all videos from
watch later
Playlists Management
- Create a
playlist
- Remove
playlist
- Add video in
playlist
- Remove video from
playlist
- Play a specific video from
playlist
Playlist Page
- Show all playlists
- Show all videos in playlist
- Delete a playlist
Dark and Light mode
- Authentication
- clone the repository on your local machine with the command below in your terminal, and cd into the code-tube folder
git clone https://github.com/Pratham82/code-tube.git
cd code-tube
- install dependencies (if you are using yarn then use that)
npm install
- start the server
npm start
- build app for production
npm run build
- start test runner in watch mode
npm run test
code linting with eslint
npm run lint
fix all linting errors with eslint
npm run lint:fix