a movie app that display current trending movies and allow you to watch trailers
Muuuvy App Muuuvy App is a React-based movie discovery application that allows users to search for movies, view details about each movie, and save their favorite movies to a watchlist. The app utilizes the TMDB API to fetch movie data and provides a user-friendly interface for browsing and managing movies. The UI is styled using Sass and incorporates the Swiper library for an interactive and visually appealing experience.
Features Search for movies using keywords. View movie details, including the title, release year, plot, and ratings. Save favorite movies to a watchlist for later viewing. Browse movies using a swipeable carousel. Responsive design for seamless viewing on various devices. Prerequisites Before running this application, ensure that you have the following software installed on your machine:
Node.js (v14.0.0 or later) npm (v6.0.0 or later) Installation Clone the repository: git clone https://github.com/Dev-Gyinae/muuvy-app.git Navigate to the project directory:
cd muuuvy-app Install the dependencies:
npm install Configuration Create a .env file in the root directory of the project. Add the following environment variables to the .env file:
REACT_APP_TMDB_API_KEY=YOUR_TMDB_API_KEY Replace YOUR_OMDB_API_KEY with your actual OMDB API key. You can obtain an API key by signing up on the OMDB API website.
The Muuuvy App will be served at http://localhost:3000.
Open your web browser and visit http://localhost:3000 to access the Muuuvy App. Technologies Used React Axios dotenv query-string Sass Swiper react-dom react-scripts web-vitals Acknowledgments This application was developed as a personal project and was inspired by the desire to create a movie discovery platform using React and popular movie APIs.