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

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.

Awesome Lists containing this project

README

          

Protech Computers

project-image

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.

shieldsshields

🚀 Demo

[https://felipeg-almeida.github.io/protech-computers/](https://felipeg-almeida.github.io/protech-computers/)

📷 Capturas de Tela



Lista de produtos

![felipeg-almeida github io_protech-computers_produtos](https://github.com/FelipeG-Almeida/protech-computers/assets/73674044/c2aa0f74-7778-4522-9727-33aac2fa3b75)

Página de detalhes do produto

![felipeg-almeida github io_protech-computers_produtos_descricao=Mouse (1)](https://github.com/FelipeG-Almeida/protech-computers/assets/73674044/6e935f20-31f9-46cf-b8bb-178bd397f4e2)

Carrinho

![felipeg-almeida github io_protech-computers_produtos_descricao=Mouse (2)](https://github.com/FelipeG-Almeida/protech-computers/assets/73674044/8cc05cd3-ba4c-4823-8439-bcf2dccae5ad)

Página de contato

![felipeg-almeida github io_protech-computers_produtos_descricao=Mouse (3)](https://github.com/FelipeG-Almeida/protech-computers/assets/73674044/b55c02ce-bab6-4e4d-b4a1-215e7c1645d6)

🛠️ 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.

---