An open API service indexing awesome lists of open source software.

https://github.com/beratyesbek/e-commerce-frontend

e_commerce_front end has been supported with e_commerce_backend. Login guard, interceptor, httpClient, api and more technic
https://github.com/beratyesbek/e-commerce-frontend

angular css3 html interceptor restful-api typescript

Last synced: about 2 months ago
JSON representation

e_commerce_front end has been supported with e_commerce_backend. Login guard, interceptor, httpClient, api and more technic

Awesome Lists containing this project

README

          

# ECommerceFrontendAngular
### Description
In this project has an ecommerce frontend application infrastructure. Login guard, interceptor, ngx bootstrap angular, material ,httpclient api, dependency injection, emitter service and more and more technique has been used this project has been developed following SOLID principles and best practices.

### Authorization
Auth is connected with e-commerce-backend. For example, If You log in system. Backend will give an access token. Whenever you make a request, we put the token in headers through with interceptor And backend make an auth that's way

![1](https://user-images.githubusercontent.com/77804034/133407546-39109d1c-cf22-4400-a208-9dd5c8de83d2.png)
![2](https://user-images.githubusercontent.com/77804034/133407557-7e3bccd8-68b3-4849-823e-c593176d134c.png)
![3](https://user-images.githubusercontent.com/77804034/133407563-c814d52c-878f-4457-98d9-1b7703b8f80c.png)
![4](https://user-images.githubusercontent.com/77804034/133407568-4cf59508-20fc-4e58-b893-ffe19c64bcaf.png)
![5](https://user-images.githubusercontent.com/77804034/133407573-111673f4-cdb6-416f-92f2-4b9cb579c85e.png)

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

## 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.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.