The primary objective was to produce a functional prototype of the Netflix website to showcase its feasibility and potential for future development. Working independently, I dedicated effort to ensure the application's ease of use, visual appeal, and integration of essential features like user authentication, a personalized movie list, and an admin panel.
The application offers users a convenient entertainment experience, featuring effortless access to diverse genres of movies and TV shows. The My List functionality functions effectively, enabling users to curate their custom lists of movies. The user interface is designed to be visually appealing and user-friendly. In summary, I believe that this Netflix clone stands as a robust proof of concept for a streaming platform, achieved through solo development efforts.
In adherence to legal standards, this website exclusively features movie trailers and refrains from utilizing any unlawfully acquired content to ensure compliance with copyright regulations.
I focused on the system design phase of the project to establish the architecture and design of the software. This phase was pivotal in guaranteeing that the software aligned with the specified requirements and could be implemented efficiently.
In order to enhance comprehension of the project, I generated various graphs and diagrams.
Some examples of the types of diagrams I employed include:
To help visualize the design of my software during the system design phase, I made some low-fi wireframes. These wireframes are a quick and simple way to sketch out the basic layout and functionality of a user interface before moving on to more detailed designs.
 |
 |
 |
|---|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
When I was creating the navigational structure for my Netflix clone app, I used sketches and diagrams to visually map out the different pages and features of the app, as well as the connections between them.
 |
 |
 |
|---|
For the flowchart of Matflix, I wanted to map out the user flow to ensure that everything was easy to understand and logical for users. I started by identifying the different stages of the user journey, like loggin in, browsing content, and playing videos.
 |
|---|
The ERD was a valuable tool for me to visualize the relationships between different entities within my application, and it helped me to gain a deeper understanding of how they all interacted with one another.
 |
|---|
Here are all the amazing resources that helped me make this project a reality. Without them, I wouldn't have been able to create such an awesome app. I'm extremely grateful for all the knowledge, content and services they shared with me !
- TVdb: https://thetvdb.com/
- TMDB: https://www.themoviedb.org/
- iTunes Movie Trailers: https://trailers.apple.com/
- IMDb: https://www.imdb.com/
- imgur: https://imgur.com/
- Netflix: https://www.netflix.com/
- NextJS: https://nextjs.org/docs
- Tailwind: https://tailwindcss.com/docs/
- Prisma: https://www.prisma.io/docs
- MongoDB: https://www.mongodb.com/docs/
- NextAuth: https://next-auth.js.org/getting-started/introduction
- Axios: https://axios-http.com/docs/intro
- React: https://react.dev/learn
- Josh tried coding: https://www.youtube.com/@joshtriedcoding
- Sonny Sangha: https://www.youtube.com/@SonnySangha
- StackOverflow: https://stackoverflow.com/
- Github: https://github.com/
- Vercel: https://vercel.com/
- MongoDB: https://www.mongodb.com/
- Prisma: https://www.prisma.io/
