Skip to content

yoseflakew25/movx

Repository files navigation

MovX

MovX is a simple movie app that allows users to browse and discover their favorite movies, TV shows, and actors. It is built with React.js and utilizes the TMDB API for fetching movie data.

movx screenshot - 1

movx screenshot -2

Features

  • Browse and search for movies, TV shows, and actors.
  • View detailed information about each movie, including the cast, release date, and overview.
  • Save movies to your favorites list for easy access.
  • Get recommendations based on your favorite movies.
  • Responsive design for a seamless mobile and desktop experience.

Install Dependencies

$ npm install

Get API key

Login to TheMovieDB to get your api key. Login here

Create a .env file in the root of your project folder and name it .env.development and add the following

TMDB_KEY=[yourapikey]

Run development server

$ npm run dev-server

Build the project

$ npm run build

Usage

  • Browse Movies, TV Shows, or Actors by using the navigation menu at the top of the page.
  • Search for specific movies, TV shows, or actors by entering keywords in the search bar.
  • Click on a movie or TV show to view more details, including the cast, release date, and overview.
  • Add movies to your favorites list by clicking the heart icon on the movie details page.
  • Access your favorite movies by clicking on the "Favorites" link in the navigation menu.
  • Get personalized movie recommendations based on your favorite movies by clicking on the "Recommendations" link in the navigation menu.

Contributing

Contributions are welcome! If you have any ideas, suggestions, or bug reports, please feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

  • This project utilizes the TMDB API to fetch movie data.
  • The UI design and layout are inspired by popular movie streaming platforms.
  • Special thanks to the contributors who helped make this project possible.