SuperTV

built the video library app, It is a MERN-based Web app inspired by Youtube

live-link - https://super-tv-v2.vercel.app/

I always try to develop better, more complex & bigger projects than my previous ones, In this App, I've started building Front-End which contains routes & components like sign-in, signup, trending, subscribed, videos, and recommendations with React.js, Redux, JavaScript & Styled Components

For the BackEnd, I've built the Modals (user, video, comment), Server-routes & RestAPI with Node.js and MongoDB, and tested the Server-request of RestAPI with Insomnia.

For the Storage, I'm using Firebase-storage which will help to store large-size videos and add their URL to MongoDB which plays a crucial role in video performance & speed

Here are some features:

  1. User Authentication & Authorization with JWT functionality.
  2. SignIn & SignUp with JWT & SignIn with Google
  3. Light/Dark Mode
  4. Fetching Data with Redux-toolkit from DB.
  5. User login & cookie session with Redux-persist
  6. Search video functionality using DB
  7. Filter video based on trending, subscribed & categories(like music, anime, tech, startups)
  8. Video Streaming on React Player(includes volume, fullscreen, side-by-side & play/pause controls)
  9. Like/Dislike functionality with redux using Video DB
  10. Views count functionality on video streaming
  11. Subscribe/Unsubscribe  with redux using User DB
  12. Comment functionality of videos
  13. Upload your videos(also includes uploading video template, title, description & tags) & create your own Channel.
  14. Sign Out to the home page.

04 Feb 2023

Keywords
Mern
react.js
redux
redux-toolkit
javascript
web development
styled-components
mongoDB
nodeJS
firebase
firebase-storage
video-streaming
front-end

Creating portfolio made simple for

Trusted by 50200+ Generalists. Try it now, free to use

Start making more money