Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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. ♨
- Host: GitHub
- URL: https://github.com/devsquad-santandercoders/e-commerce
- Owner: DevSquad-SantanderCoders
- Created: 2023-11-03T02:07:22.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-23T19:52:04.000Z (about 1 year ago)
- Last Synced: 2024-10-31T09:42:15.663Z (2 months ago)
- Topics: 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
- Language: TypeScript
- Homepage:
- Size: 34.7 MB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: .github/README.md
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)