This is a full stack website project similar to Netflix, built using React, Redux Toolkit, Firebase, Styled Components, Axios, Node.js, Express, and MongoDB.
This project is the SriFlix full stack website that mimics the functionality and design of the popular streaming platform Netflix. Users can sign up and log in to their personalized accounts, where they can browse through a vast collection of movies and TV shows called by an API in real time. It allows users to browse through a collection of movies and TV shows and then manage their watchlist.
- User authentication using Firebase Authentication.
- Browse through a collection of movies and TV shows.
- Watch trailers for selected titles.
- Add/remove titles to/from watchlist.
- React: Frontend framework for building user interfaces.
- Redux Toolkit: State management library for managing application state.
- Firebase: Backend as a Service (BaaS) for user authentication and hosting.
- Styled Components: CSS-in-JS library for styling React components.
- Axios: HTTP client for making requests to external APIs.
- Node.js: JavaScript runtime environment for running server-side code.
- Express: Web application framework for Node.js for building RESTful APIs.
- MongoDB: NoSQL database for storing application data.
-
Clone the repository:
git clone https://github.com/SaviNimz/SriFlix.git
-
Navigate to the project directory:
cd netflix-clone -
Install dependencies
-
Start the frontend server
cd user-interface; npm run dev
-
Start the backend server
cd api; yarn start
-
Open your browser and navigate to http://localhost:5173/ to view the application.
- Register/Login using your email and password on the homepage.
- Browse through the available titles and watch trailers by clicking on them.
- Add/remove titles to/from your watchlist by clicking on the respective buttons.
- Recommendation system based off user activity
Contributions are welcome! If you find any bugs or have suggestions for improvement, feel free to open an issue or submit a pull request.