Movielife is designed to provide users with a convenient way to explore movies and manage their watchlists. It offers a user-friendly interface with intuitive search and filtering options, allowing users to easily find their desired movies. Users can also create an account, save movies to their watchlist, and track their watched movies.
- Browse popular movies
- Search movies by title.
- View movie details, including trailers, ratings, and cast
- Create a personal watchlist
- add or remove movie from watchlist
- view all expanded movie on history
- User authentication
Check out live demo HERE
- Clone the repository:
git clone https://github.com/brag2gr8/movielife.git
- Install the dependencies:
cd movielife
npm install
- Set up the environment variables:
cp .env.example .env
-
Replace the values in the
.envfile with your own API keys and configurations. -
Start the development server:
npm run dev
- Open your browser and visit
http://localhost:5173to access the application.
- React.js
- JavaScript
- HTML
- CSS
- Firebase (for user authentication)
- API (e.g., The Movie Database API)
List any additional technologies or libraries used in your project.
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to submit a pull request.
Please follow the contributing guidelines for more information.
This project is licensed under the MIT License.
This project would not have been possible without the following:
- The Movie Database (TMDb) - Movie data and API provider
- Firebase - Authentication service
- React Router - Routing
- Font Awesome - Icon library for web projects
- Scrimba Frontend Career Path - Online course for learning frontend development
- Fetch API - JavaScript interface for making HTTP requests
Contact For any inquiries or questions, please contact me at [email protected].
Enjoy using MovieLife! 🎬🍿