omorest / movies-frontend-project

Movies-frontend-project

Author: Oscar Moreira Estévez

Project

You can visit the website in the following link:

Movies App TMDB

Run loccaly

If you want to run the project locally you need to follow the next steps

Install dependencies

In root directory, execute:

npm install

Adding API KEY TMDB

• First of all, you need to create a .env file in the root directory.

• This .env contain your API KEY of The Movie Database with name VITE_KEY_TMDB.

• Example

  VITE_KEY_TMDB=xxxxxxxxxxxxxxx
  

Run server

For running the server loccaly you must execute this command in root directory:

npm run dev

Build and preview

If you want to build the project, in root directory execute:

npm run build

Then, you can preview the build with next command:

npm run preview

movies-frontend-project's Issues

Search movies. It should be able to enter cast, movie, or production company names.

Reviews

Refactor Cards

Refactor Card and show only with images

Overview with most popular movies and now playing movies

User Login

User login for adding movies to favourite page

Pagination Search Page

Refactor Code

Discover movies with filters.

Filters should be able to be combined.

• A set of genres
• Minimum film rating
• Release date

Movie details view

A detailed view of the films that contain the following information:

• Poster image
• Localized title
• Original title
• Release date
• Genres
• Budget
• Revenue
• Production companies
• Status (Canceled, Production, Rumored, etc.)

Pagination Home

Documentation

Favourite movies

• Add favourites movies to a list
• Access from a menu