This project allows you to search movies and get detail information of each movie (using OMDB API).
- General Info
- Technologies Used
- Features
- Screenshots
- Setup
- Room for Improvement
- Acknowledgements
- Contact
- This project was created to search for your favorite movies and get more information about them, such as description, release date, genre and language.
- Angular 14 - Framework used in the project;
- Rxjs - To exchange information between components;
- Karma - To create tests for the project.
- Search for movies by title;
- Click on an movie and get a movie details page.
Prerequisites:
- NodeJS ( You can install the LTS version - https://nodejs.org/en/ );
- Editor ( VSCode );
- Angular ( Install the Angular CLI globally, you can run the command: npm install - g @angular/cli );
How to start?
-
Open the project in your machine;
-
Replace the 'API_KEY' inside the 'movie.service.ts' document with one generated on the OMDb API website: https://www.omdbapi.com/ ;
-
Inside the project root run the following commands:
- npm intall
- npm start
-
You can access the app on port 4200 'http://localhost:4200/main' .
Room for improvement:
- Create tests for routing;
- Solve the loader problem on the details page;
To do:
- Change the page title displayed in the browser tab;
- Add custom favicon;
- This project was created using OMDb API;
- This project was created using this tutorial to start the project: https://medium.com/bb-tutorials-and-thoughts/how-to-get-started-with-angular-c3c209d6fe90 .
Created by @camilahorita - feel free to contact me!