Skip to content

DevSquad-SantanderCoders/e-commerce

Repository files navigation

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:
git clone https://github.com/DevSquad-SantanderCoders/resume-project.git
  1. Navigate to the directory:
cd resume-project
  1. Install the dependencies using npm:
npm install

Execution ▶

To start the project, run the following command:

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 👩🏻‍💻👨🏻‍💻