Here's a look at a project I worked on a while back: a Netflix Clone App. This was a practice project to enhance my skills in web development.

Purpose of the App

The app serves as a personal project to experiment with and implement various technologies commonly used in web development. It replicates basic features of Netflix, allowing users to browse movies, add them to favorites, and view detailed descriptions.

Technologies Used

• Frontend: Built with React.
• Server-Side Rendering: Utilizes Next.js for improved performance and SEO.
• Styling: Styled with Tailwind CSS for modern, responsive layouts.
• Data Handling: Prisma is used as the data abstraction layer to interact with the MongoDB database.
• Authentication: Incorporates NextAuth for user authentication, supporting Google and GitHub logins.
• Deployment: Deployed on Vercel, which is well-suited for Next.js applications.
• Programming Language: The application is developed using TypeScript.

Features

• Login Integration: Users can log in using Google or GitHub.
• Dynamic Billboard: Random movies are displayed on the homepage.
• Trending Movies: The app features a section for trending movies.
• Favorites: Users can add movies to their favorites for easy access.
• Movie Details: More information about each movie is available through a detailed view.

This project was a great way to delve into full-stack development and understand how different technologies can be integrated to build a comprehensive web application.

For those interested, the project is available on my GitHub: Netflix Clone App on GitHub.

It was a valuable exercise in building and deploying a functional web application from scratch.