{"id":15112077,"url":"https://github.com/devsquad-santandercoders/e-commerce","last_synced_at":"2026-02-11T23:43:35.054Z","repository":{"id":206112929,"uuid":"713671693","full_name":"DevSquad-SantanderCoders/e-commerce","owner":"DevSquad-SantanderCoders","description":"Ecommerce management application using Angular, developed at the conclusion of the Santander Coders program. ♨","archived":false,"fork":false,"pushed_at":"2023-11-23T19:52:04.000Z","size":36425,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-04-05T18:14:01.036Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DevSquad-SantanderCoders.png","metadata":{"files":{"readme":".github/README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-03T02:07:22.000Z","updated_at":"2024-07-06T21:22:27.000Z","dependencies_parsed_at":"2024-10-31T09:41:51.705Z","dependency_job_id":"e176c269-8a97-4340-8c5c-ad1bba6794f7","html_url":"https://github.com/DevSquad-SantanderCoders/e-commerce","commit_stats":null,"previous_names":["devsquad-santandercoders/e-commerce"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevSquad-SantanderCoders%2Fe-commerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevSquad-SantanderCoders%2Fe-commerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevSquad-SantanderCoders%2Fe-commerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevSquad-SantanderCoders%2Fe-commerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DevSquad-SantanderCoders","download_url":"https://codeload.github.com/DevSquad-SantanderCoders/e-commerce/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247378140,"owners_count":20929297,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2024-09-26T00:41:28.909Z","updated_at":"2026-02-11T23:43:34.995Z","avatar_url":"https://github.com/DevSquad-SantanderCoders.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003ch1 align='center'\u003eE-COMMERCE \u003c/h1\u003e\n\n## Description 📚\n\nThis 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.\n\n## Technologies Used 🚀\n\n- HTML\n- SCSS\n- Bootstrap\n- Typescript\n- Angular\n- Git e Github\n\n## Main Features 🌟\n\n- Home page;\n- Add products page;\n- Edit and delete product Dialog\n- Products listing page;\n- Login acess with authorization/authentication;\n- Use of Input and Output;\n- Use Module that agroup Angular Material\n- DB JSON server\n\n## Installation 🔧\n\nTo run this project locally, follow these steps:\n\n1. Clone this repository:\n\n```bash\ngit clone https://github.com/DevSquad-SantanderCoders/resume-project.git\n```\n\n2. Navigate to the directory:\n\n```bash\ncd resume-project\n```\n\n3. Install the dependencies using npm:\n\n```bash\nnpm install\n```\n\n## Execution ▶\n\nTo start the project, run the following command:\n\n```bash\nng serve\n```\n\n## Preview\n\n\u003cdiv align='center' \u003e\n\n   \u003ch3\u003e Home Page \u003c/h3\u003e\n   \u003cimg  width='600'  src='./image-1.png'\u003e\n   \u003ch3\u003e Home Page \u003c/h3\u003e\n   \u003cimg  width='600'  src='./image-2.png'\u003e\n   \u003ch3\u003e Footer \u003c/h3\u003e\n   \u003cimg width='600'  src='./image-3.png'\u003e\n   \u003ch3\u003e Login \u003c/h3\u003e\n   \u003cimg  width='600' src='./image-4.png'\u003e\n   \u003ch3\u003e Add Product Form \u003c/h3\u003e\n   \u003cimg  width='600' src='./image-5.png'\u003e\n   \u003ch3\u003e Product Listing Page - ADMIN \u003c/h3\u003e\n   \u003cimg  width='600' src='./image-6.png'\u003e\n   \u003ch3\u003e Product Listing Page - FUNCIONARIO  \u003c/h3\u003e\n   \u003cimg  width='600' src='./image-7.png'\u003e\n   \u003ch3\u003e Dialog Edit - ADMIN \u003c/h3\u003e\n   \u003cimg  width='600' src='./image-8.png'\u003e\n   \u003ch3\u003e Dialog Delete - ADMIN  \u003c/h3\u003e\n   \u003cimg  width='600' src='./image-9.png'\u003e\n\n\u003c/div\u003e\n\n## Authors 👩🏻‍💻👨🏻‍💻\n\n- [Jamyle Layla](https://github.com/JamyleTeles)\n- [Juan Salles](https://github.com/JuanSalles)\n- [Matheus Holanda](https://github.com/MMatheus-Holanda)\n- [Thayza Oliveira](https://github.com/tthayza)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevsquad-santandercoders%2Fe-commerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevsquad-santandercoders%2Fe-commerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevsquad-santandercoders%2Fe-commerce/lists"}