https://github.com/dimakol/angular-albums-app

Angular 11 simple web application
https://github.com/dimakol/angular-albums-app

angular-11 bootstrap rest-api

Last synced: 18 days ago
JSON representation

Angular 11 simple web application

• Host: GitHub
• URL: https://github.com/dimakol/angular-albums-app
• Owner: dimakol
• License: mit
• Created: 2020-01-27T15:14:50.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-11-20T14:07:51.000Z (over 2 years ago)
• Last Synced: 2023-11-21T14:51:38.411Z (over 2 years ago)
• Topics: angular-11, bootstrap, rest-api
• Language: TypeScript
• Homepage: https://dimakol.github.io/angular-albums-app/
• Size: 1.29 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Albums App

A simple [Angular 11](https://angular.io/) application that shows albums and photos collection using API calls,

with the ability to filter by the title of the albums and photos.

## Full description

This project shows albums collection with the ability to filter by the title of the albums. 

When clicking on some album, the user will be redirected to specific album page. 

The specific album page shows photos collection related to this album with the ability to filter by the title of the photo. 

The specific album page includes a "back" button to go back to the albums page. 

When clicking on some photo, the user will be redirected to the full version of the photo. 

There are spinner element presented while loading the list of albums and list of photos from the server.

## Screenshots

![image](layouts/albums-page.png?raw=true "Albums")

![image](layouts/photos-page.png?raw=true "Photos")

## Tech/framework used

- This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.19.

- [Bootstrap](https://getbootstrap.com/)

- REST API request

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## API Reference

- https://jsonplaceholder.typicode.com/albums

- https://jsonplaceholder.typicode.com/photos

## Link to the website that hosting the project

https://dimakol.github.io/angular-albums-app/

## Credits

https://dev.to/duomly/how-to-build-an-angular-8-application-with-api-request-in-10-minutes-34m8

## License

MIT © Dima Kolyas