Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/devsquad-santandercoders/e-commerce

Ecommerce management application using Angular, developed at the conclusion of the Santander Coders program. ♨
https://github.com/devsquad-santandercoders/e-commerce

angular angular-authentication angular-components angular-crud angular-crud-operations angular-directives angular-guard angular-material angular-modules angular-reactive-forms angular-router-outlet angular-routing angular-rxjs angular-services ecommerce-platform ngbootstrap responsive-design scss-framework

Last synced: 21 days ago
JSON representation

Ecommerce management application using Angular, developed at the conclusion of the Santander Coders program. ♨

Awesome Lists containing this project

README

        

#

E-COMMERCE

## Description 📚

This is the final project of the Angular Framework II module of the Santander Coders program. The project consists of a web application that displays the interface of a e-commerce website containing home page, add products page, edit product dialog, delete product dialog and all products page. Additionally, there is a difference in the header icons and acess allowed pages for different type of user. We used HTML, SCSS, Bootstrap, Typescript, and Angular to create the interface and interactivity of the application. The concept of componentization, Input and Output and validated form were used. Project versioning was done using Git and Github, allowing each group member to contribute and track changes.

## Technologies Used 🚀

- HTML
- SCSS
- Bootstrap
- Typescript
- Angular
- Git e Github

## Main Features 🌟

- Home page;
- Add products page;
- Edit and delete product Dialog
- Products listing page;
- Login acess with authorization/authentication;
- Use of Input and Output;
- Use Module that agroup Angular Material
- DB JSON server

## Installation 🔧

To run this project locally, follow these steps:

1. Clone this repository:

```bash
git clone https://github.com/DevSquad-SantanderCoders/resume-project.git
```

2. Navigate to the directory:

```bash
cd resume-project
```

3. Install the dependencies using npm:

```bash
npm install
```

## Execution ▶

To start the project, run the following command:

```bash
ng serve
```

## Preview

Home Page



Home Page



Footer



Login



Add Product Form



Product Listing Page - ADMIN



Product Listing Page - FUNCIONARIO



Dialog Edit - ADMIN



Dialog Delete - ADMIN


## Authors 👩🏻‍💻👨🏻‍💻

- [Jamyle Layla](https://github.com/JamyleTeles)
- [Juan Salles](https://github.com/JuanSalles)
- [Matheus Holanda](https://github.com/MMatheus-Holanda)
- [Thayza Oliveira](https://github.com/tthayza)