TheMovie is a JavaScript web application that allows users to search and browse movies. The movies data is fetched from the TMDB API and displayed in a responsive grid layout. Users can view movie details, add movies to their favorites list, and view their favorites list.
- Movie Search: Users can search for movies using keywords, and the app will display a list of matching movies with poster images and brief information.
- Movie Details: Users can click on a movie to view detailed information about it, including the plot summary and ratings.
- Playlist: Users can save their favorite movies to a personal library by clicking on the button 'Add to watched' on the movie details page. These movies will be stored in the user's browser's local storage and can be accessed from the "Playlist" page.
- Modern Design: The app features a clean and modern design with a responsive layout that adapts to different screen sizes.
- User Authentication: Users can create an account and log in to access additional features such as the ability to save their favorite movies across devices.
- Pagination: Movie search results are displayed in pages with a navigation bar at the bottom to allow users to easily navigate to other pages.
- Modal Window with Movie Description: When a user clicks on a movie poster or title, a modal window will pop up with detailed information about the movie, such as the release date, runtime, and genre.
- HTML5
- SASS
- JavaScript
- Axios
- Firebase
- Parcel
- Git
To get started with this project, clone the repository to your local machine and run the following command to install the required dependencies:
npm installOnce the dependencies are installed, you can start the development server by running:
npm startThis will start the development server at http://localhost:3000. You can now open the app in your browser and start exploring!