https://github.com/felipeg-almeida/protech-computers
Este é o projeto ProTech Computers, uma aplicação web de e-commerce de produtos de hardware desenvolvida como parte do Programa Trainee Start, da Capgemini, unicamente para fins didáticos.
https://github.com/felipeg-almeida/protech-computers
angular css html javascript
Last synced: 3 months ago
JSON representation
Este é o projeto ProTech Computers, uma aplicação web de e-commerce de produtos de hardware desenvolvida como parte do Programa Trainee Start, da Capgemini, unicamente para fins didáticos.
- Host: GitHub
- URL: https://github.com/felipeg-almeida/protech-computers
- Owner: FelipeG-Almeida
- Created: 2023-05-02T16:02:35.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-09T20:06:54.000Z (about 3 years ago)
- Last Synced: 2025-01-08T18:10:00.966Z (over 1 year ago)
- Topics: angular, css, html, javascript
- Language: TypeScript
- Homepage: https://felipeg-almeida.github.io/protech-computers/
- Size: 28.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Protech Computers

Este é o projeto ProTech Computers uma aplicação web de e-commerce de produtos de hardware desenvolvida como parte do Programa Trainee Start da Capgemini unicamente para fins didáticos.


🚀 Demo
[https://felipeg-almeida.github.io/protech-computers/](https://felipeg-almeida.github.io/protech-computers/)
📷 Capturas de Tela
Lista de produtos

Página de detalhes do produto

Carrinho

Página de contato

🛠️ Passos para Configuração:
1. Clone o Repositório
```
git clone https://felipeg-almeida.github.io/protech-computers.git
```
2. Entre na pasta do projeto
```
cd protech-computers
```
3. Instale as dependências do projeto:
```
npm install
```
4. Inicie o servidor:
```
npm start
```
📑 Funcionalidades
Algumas funcionalidades do projeto são:
* Listar produtos existentes
* Pesquisar produtos pela barra de pesquisa
* Acessar detalhes de um produto específico
* Adicionar/remover produtos do carrinho
* Escolher a quantidade de cada item
* Acessar o formulário de contato
💻 Tecnologias Utilizadas
Tecnologias utilizadas no projeto:
- Angular
- TypeScript
- HTML
- CSS
🤓 Aprendizados
Como alguém que teve o React como meu primeiro contato com frameworks front-end, o Angular se mostrou um grande desafio devido à sua maior complexidade e dependência de comandos de linha. No entanto, ao explorar mais a fundo, descobri que essa ferramenta pode ser incrivelmente poderosa e oferece recursos bastante práticos quando dominada adequadamente.
---