Skip to content

This project is a movies repository that show a list of the top movies and list of movies from a search, we can see the main details about all the productions, such as story, language and trailers. It consumes the API TMDB

Notifications You must be signed in to change notification settings

edpadua/FilmesLista

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 

Repository files navigation

FilmesLista

Summary

About

This project shows a list of movies with main information, poster, trailer, based on the keyword searched by the user. This list of movies is consumed from the TMDB REST API.

The purpose of this project is to put into practice some aspects of the React library, such as the use of hooks, componentization, react-router, in this case with the consumption of API RESP by the Axios tool.

  • The Homepage show a list of the top movies from IMDB website.
  • Through the search bar the user types the name of the movie, if it is found it shows the list of movies with this word in the title.
  • When the user clicks on the poster image of a movie on the list, a page opens with the main information about the production and the respective trailer, if any.

🖥️ Desktop design

image

📱 Tablets design

image

📱 Mobile design

Screenshot_20230404-174837 (1)

Technologies

Setup

git clone https://github.com/edpadua/FilmesLista

cd filmeslista
npm i
npm run dev

Get the key value api_key from the website.

VITE_API_KEY=api_key= VITE_API=https://api.themoviedb.org/3/movie/ VITE_SEARCH=https://api.themoviedb.org/3/search/movie VITE_PEOPLESEARCH=https://api.themoviedb.org/3/search/person VITE_MULTSEARCH=https://api.themoviedb.org/3/search/multi VITE_IMG=https://image.tmdb.org/t/p/w500/

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Eduardo de Pádua: ed.padua@gmail.com

Project Link: https://github.com/edpadua/FilmesLista/

About

This project is a movies repository that show a list of the top movies and list of movies from a search, we can see the main details about all the productions, such as story, language and trailers. It consumes the API TMDB

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published