https://github.com/qble2/cook-book-angular-app
An Angular web application that consumes a REST API secured with JWT-based authentication. This application allows users to browse and create cooking recipes, through a modern user interface.
https://github.com/qble2/cook-book-angular-app
angular css html5 material rxjs typescript
Last synced: about 2 months ago
JSON representation
An Angular web application that consumes a REST API secured with JWT-based authentication. This application allows users to browse and create cooking recipes, through a modern user interface.
- Host: GitHub
- URL: https://github.com/qble2/cook-book-angular-app
- Owner: qble2
- Created: 2023-02-20T07:15:32.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-04T21:13:09.000Z (about 3 years ago)
- Last Synced: 2025-10-23T11:41:42.815Z (8 months ago)
- Topics: angular, css, html5, material, rxjs, typescript
- Language: TypeScript
- Homepage:
- Size: 298 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
>*Disclaimer:*
>- *This project main purpose was a learning experience to tackle Angular framework.*
>- *It may contain unpolished, experimental or rushed code that needs to be refactored and modernized.*
# Cook Book Angular App
An [Angular](https://angular.io) web application that consumes the REST API found [here.](https://github.com/qble2/cook-book-spring-app).
This application consumes a Java REST API and allows users to browse and create cooking recipes, through a modern user interface.
This application implements:
- A [JWT](https://jwt.io)-based authentication process
- [Http Interceptors](https://angular.io/api/common/http/HttpInterceptor)
- Route Guards
- [Reactive forms](https://angular.io/guide/reactive-forms)
- [Validations](https://angular.io/api/forms/Validators)
## Features:
This application allows a user to:
- Sign up
- Sign in
- Browse recipes
- Filter recipes
- Create recipes
- Update recipes
- Rate recipes
## Built with:
- [Angular 14](https://angular.io)
- [Angular Material](https://material.angular.io)
- [RxJS](https://rxjs.dev)
## Screenshots
