Netflix.India.-.Watch.TV.Shows.Online.Watch.Movies.Online.-.Google.Chrome.2022-09-07.02-17-32.mp4
SnapShots and Videos of the Project
sanp.mp4
filter.mp4
To clone the Netflix that is a subscription-based streaming service
I divided the Project into 3 different phases -
1. Observation: In this Phase, I observed the website I was cloning closely, observed its User Interface and all the features it provides, its robustness, and learned about its response against the traffic.
2. Planning: I noted down all the features and all the requirements for building the website , decided the best suitable tech stack I should use according to my skills and the robustness of the website.
3. Development - I started developing the website in this phase, I adopted the MVC Model (Model, View, Controller) to handle the specific part of the application separately. Further, I again divided this phase into two different sub-phases:
-
Backend: I started developing the backend of the website first, using backend technologies, I write the code to handle the API (handling all the requests and responses), made the website secure and authenticated by hashing the user's password, and used JWT token.
-
Frontend - In this sub-phase,I designed the user interface that looks so close to the actual website I was cloning. Then finally I integrated the Frontend and Backend to make the website work.
- JWT ( jsonwebtoken ) token has been used for Authentication and Authorization.
- User’s password will be kept secure by hashing technique provided by bcryptjs.
- ContextAPI and useReducer used for data transfer between React components and handling State.
- Users can filter movies according to Genre, series or non-series.
- It facilitate to watch movies on full screen.
- Users can also keep hovering movie lists to play them