A sleek, responsive movie browsing app built with React.js and Vite, inspired by Netflix UI.
Users can search, explore, and favorite movies with a simple and interactive interface.
This project is a front-end web app that allows users to:
- Search for movies dynamically.
- View movie ratings and genres.
- Add or remove favorites.
- Navigate between pages using React Router.
It’s designed to demonstrate modern React skills, including component architecture, state management, and client-side routing — ideal for portfolio and resume display.
| Category | Technologies Used |
|---|---|
| Frontend | React.js (Vite), React Router DOM |
| Styling | CSS3 / Flexbox / Custom UI |
| State Management | React Hooks (useState, useEffect) |
| Build Tool | Vite |
| Version Control | Git & GitHub |
| Deployment | Vercel / Netlify |
ReactFlix/ ├── src/ │ ├── components/ │ │ └── MovieCard.jsx │ ├── pages/ │ │ ├── Home.jsx │ │ └── Favorites.jsx │ ├── App.jsx │ ├── main.jsx │ └── index.css ├── package.json ├── vite.config.js └── README.md
- Clone the repository
git clone https://github.com/codewithgaani/ReactProject1.git cd ReactProject1
2.Install dependencies
npm install
3.Run the development server
npm run dev
4.Build for production
npm run build
🧠 Future Enhancements
🚧 Integrate TMDB API for real movie data 💾 Persist favorites using localStorage or Firebase 🎥 Add movie posters, trailers, and detailed view pages 🔐 Add authentication (Firebase/Auth0) 🌙 Add dark/light theme toggle
🧑💻 Author
Krishna Bhatt Frontend Developer | React Enthusiast 📧 bhattkrishna767@gmail.com
🌐 GitHub: codewithgaani
💬 Contributing
Pull requests are welcome! If you’d like to suggest improvements or fix bugs, please open an issue or submit a PR.
🪪 License
This project is licensed under the MIT License — you’re free to use, modify, and distribute it with attribution.
⭐ Don’t forget to star the repo if you find this project useful!