It is a movie search site, where you can see data such as running time, genre, description and also an evaluation. This site consumes the API of TMBD (The Movie Database) is an awesome API that you can use to build movie related projects. The website features responsive design and utilizes popular web technologies such as HTML, CSS, JavaScript, NextJS, BootStrap, Axios, React-icons, Api-Context. The user interface includes a navigation bar, home section and a details section.
When the user reloaded the page, the web-site losed the current movie data, giving to user a fake error.
The best solution to this problem was not to depend of a State to recived the id of the movie and so use the pathname property present on the useRouter() hook.
To run the project locally, follow these steps:
Clone the repository: git clone [repository URL]
Open the project folder in your preferred code editor.
On terminal run: npm install
After run: npm run dev
Contributions are welcome! If you find any issues or have suggestions for improvement, please submit a pull request or open an issue in the GitHub repository.
This project is made by Jonathan Rodrigo @2023