About | Features | Technologies | Requirements | Starting | License | Author
The project retrieves data from the Themoviedb API and creates a listing of the most popular movies. It includes a genre filter that allows you to choose which genres of movies you want to see. There is also a movie details page that displays the cast, trailer, and recommended movies. In this same project, depending on the language of your browser, it will retrieve the data in the language of your browser.
✔️ The user should have access to a listing of the most popular movies of the day.
✔️ The user should be able to paginate through the list to discover new movies.
✔️ The user should be able to filter the listed movies by genre, with the option to select multiple genres.
✔️ When applying filters, the filtering criteria should be preserved during pagination.
✔️ The user should be able to remove filters, and the listing should be updated accordingly.
✔️ The user should have access to a separate page with detailed information about a movie when clicking on an item in the listing.
✔️ The user should be able to return to the movie listing page with the filters still active.
The following tools were used in this project:
Before you begin 🏁, you need to have Git and Node installed.
# Clone this project
$ git clone https://github.com/uandersonmbc/front-end-challenge
# Access
$ cd front-end-challenge
# Install dependencies
$ yarn
or
$ npm install
NEXTJS_API=https://api.themoviedb.org/3
NEXTJS_API_KEY=obtenha no site da themoviedb
NEXTJS_CDN=https://www.themoviedb.org/t/p
NEXTJS_LOCALE=en-US
# Run the project
$ yarn dev
or
$ npm run dev
# The server will initialize in the <http://localhost:3000>
$ yarn test
or
$ npm run test
This project is under license from MIT. For more details, see the LICENSE file.
Made with ❤️ by Uanderson Nunes