link to the live project here
A modern web application built with React.js that allows users to browse and discover movies using The Great Movie Database API.
the project look was inspired by this figma design
- Browse popular movies with your smartphone, tablet or personal computer.
- Search for movies by title.
- View movie details such as the title, release date, rating, overview, and genres.
- Get recommendations for similar movies.
- Handle profile creation and authentication.
- Save favorite movies.
- Save movies to watch later.
- Create a watchlist.
- Create a list of watched movies.
| Technology | Purpose |
|---|---|
| React.js (Vite.js) | JavaScript Framework for building the interactive UI |
| React Router | For routing and navigation |
| The Great Movie Database API | Provides movie data for the app |
| Motion.dev | For animations |
| Axios | Handles the API responses |
| Tailwind CSS | CSS framework for styling |
| Font Awesome | For nice free icons |
| React Spinners | For loading spinners |
To install the project, clone the repository and run the following command:
npm installMake sure to have Node.js and npm installed.
You WILL need an API key from The Great Movie Database API. You can get one here.
Once done, you have to create a .env file at the root of the project and add the following line:
VITE_BEARER_TOKEN=your_personal_token_hereRemember that this token is personal and should not be shared with anyone.
To run the application locally, use:
npm run devVisit http://localhost:3000 to view the app.
- Add user authentication
- Implement favorite movies feature
- Enhance the user interface
- Sort movies by genre, rating, release date, etc.