# Full Stack E-Commerce + Dashboard & CMS  This project is a Full Stack E-Commerce + Dashboard & CMS built using Next.js 13 App Router, React, Tailwind, Prisma, MySQL, and deployed on Vercel. It aims to replicate the main features and functionality of the Netflix platform. ## Stack The project utilizes the following technologies and libraries: - React - Tailwind CSS - Next.js - Prisma - MongoDB - NextAuth - Vercel ## Dependencies The project uses the following dependencies: ``` "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", "@heroicons/react": "^2.0.16", "@next-auth/mongodb-adapter": "^1.1.1", "@next-auth/prisma-adapter": "^1.0.5", "@next/font": "13.1.6", "@prisma/client": "^4.10.1", "@types/node": "18.13.0", "@types/react": "18.0.28", "@types/react-dom": "18.0.11", "axios": "^1.3.3", "bcrypt": "^5.1.0", "eslint": "8.34.0", "eslint-config-next": "13.1.6", "framer-motion": "^9.0.4", "lodash": "^4.17.21", "mongodb": "^4.14.0", "mongoose": "^6.9.2", "next": "^13.2.4", "next-auth": "^4.21.1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-icons": "^4.7.1", "swr": "^2.0.3", "typescript": "4.9.5", "zustand": "^4.3.3" ``` ## Getting Started To get started with the Netflix Clone project, follow these steps: 1. Clone the repository: `git clone https://github.com/your-username/netflix-clone.git` 2. Install the dependencies: `npm install` 3. Set up your MongoDB database and configure the connection in the `.env` file. 4. Run the development server: `npm run dev` 5. Open your browser and visit: `http://localhost:3000` Feel free to explore the codebase and make any necessary modifications to suit your requirements. ## Features The Netflix Clone project includes the following features: - Dynamic Billboard component displaying random movies with autoplay functionality. - Movie List feature providing a comprehensive list of movies from the database. - Favorites feature allowing users to add or remove movies from their favorites list. - PlayButton component enabling users to initiate playback of movies. - VideoPlayer component specifically designed for individual movies, allowing users to watch the selected movie. - Info Modal Component providing additional information and details about each movie. ## License The Netflix Clone project is licensed under the [MIT License](link_to_license). Feel free to use, modify, and distribute the code as per the license terms. For more information, please refer to the [LICENSE](link_to_license) file. ## Acknowledgments This project is inspired by the Netflix platform and serves as a learning exercise for building full stack applications using modern web technologies. Special thanks to the developers and contributors of the utilized libraries and frameworks that made this project possible # ecommerce-admin