https://github.com/antoniosertic23/moviium
Web application for managing movie records. The creation of the Moviium website was assigned to me as my first project after employment to gain knowledge in working with Angular and creating APIs.
https://github.com/antoniosertic23/moviium
angular10 api asp-net-core-web-api bootstrap csharp css3 html5 javascript microsoft-sql-server movies omdb-api swagger typescript
Last synced: 2 months ago
JSON representation
Web application for managing movie records. The creation of the Moviium website was assigned to me as my first project after employment to gain knowledge in working with Angular and creating APIs.
- Host: GitHub
- URL: https://github.com/antoniosertic23/moviium
- Owner: AntonioSertic23
- Created: 2023-04-12T11:26:36.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-29T18:01:11.000Z (about 2 years ago)
- Last Synced: 2025-02-26T15:46:08.019Z (over 1 year ago)
- Topics: angular10, api, asp-net-core-web-api, bootstrap, csharp, css3, html5, javascript, microsoft-sql-server, movies, omdb-api, swagger, typescript
- Language: C#
- Homepage:
- Size: 309 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Moviium
## Web application for managing movie records
The creation of the Moviium website was assigned to me as my first project after employment to gain knowledge in working with Angular and creating APIs.
The project's theme was to make a copy of my previous custom application from college called [Movies](https://github.com/AntonioSertic23/Movies) but this time using Angular and a corresponding API for data processing and communication with the database.
The website was built using **Angular**, which utilizes **Bootstrap** for design. For creating the API, **ASP.NET Core Web API** was used, and **Swagger** was used to display the created controllers. The **Microsoft SQL Server** was used as the database.
[](https://skillicons.dev)
The application includes login and registration with necessary parameter checks. To fetch movies and their data, the [OMDb API](https://www.omdbapi.com/) is used.
---
### After successful login, the application allows you to:
- Search for movies by title
- View details of a specific movie
- Add movies to your own list along with a personal rating
- View your list of movies
- Update assigned ratings
- Remove movies from your list
---
### Running the project
Before running the application itself, you need to start the API as follows:
1. Open `Moviium.sln` in Visual Studio
2. Change the database paths in `MovieContext.cs` and `appsettings.json`
3. Run migrations on the database via the `Package Manager Console` by executing the following line of code:
```sh
update-database
```
4. Finally, run the API itself
Once the API is running, it's time to start the Angular project. Follow these steps:
1. Open the `angular10` folder in Visual Studio Code
1. Create your own _api key_ on the official [OMDb API](https://www.omdbapi.com/) website, then paste the obtained _api key_ inside `src/app/omdb.service.ts` within the following line:
```sh
private apiURL = 'http://www.omdbapi.com/?apikey={api_key}&';
```
3. Execute the commands `npm install` and `ng serve` in the terminal
```sh
npm install
```
```sh
ng serve
```
4. Access the website at: [http://localhost:4200/login](http://localhost:4200/login)