🔥 Projeto Site de Promocao

Projeto de página de login de uma promoção de empresa com integração a API do tipo POST, o cadastro envia uma string JSON para a API de escolha, com todos os dados. Este projeto está adapatado para todos os tipos de dispositivos!

🌐 O site está atualmente em produção:

• Link da pagina de produção.

✏ Sobre o projeto

O objetivo do projeto foi aplicar os princípios da arquitetura SOLID e os princípios de POO em uma página de cadastro com foco no cliente.

🛸 Principais tecnologias utilizadas:

• React
• Docker
• JavaScript
• TypeScript
• POO
• SOLID
• React-Hooks.
  
• SASS.
  

⚙ Como rodar o projeto na sua máquina

1. Faça o git clone na sua máquina e entre no diretório:

• Lembre-se de clonar o repositório no diretório desejado na sua máquina!

git clone https://github.com/d1av/petshop-client.git
cd petshop-client

2. Escolha por onde rodar a aplicação: Docker vs Local

🐳 Rodando no Docker

⚠️ Seu docker-compose precisa estar na versão 2.0 ou superior. Veja aqui ou na documentação como instalá-lo.

⚠️ Lembre-se de parar qualquer aplicação que estiver usando localmente na porta padrão (3000), ou adapte, caso queria fazer uso da aplicação em containers;

• Esses serviços irão inicializar um container chamado petshot-client ;

• A partir daqui você pode rodar o container petshop-client via CLI ou abri-lo no VS Code;

• ✨ Dica: A extensão Remote - Containers (que estará na seção de extensões recomendadas do VS Code) é indicada para que você possa desenvolver sua aplicação no container Docker direto no VS Code, como você faz com seus arquivos locais.

💻 Localmente

👉 2.1 Instale as dependências:

npm install

• ⚠️ Atenção: Para rodar o projeto desta forma, obrigatoriamente você deve ter o Node.js instalado em seu computador.

• ⚠️ Atenção: A versão do Node.js e NPM a ser utilizada é "node": ">=16.0.0" e "npm": ">=7.0.0", como descrito a chave engines no arquivo package.json. Idealmente deve-se utilizar o Node.js na versão 18+, a versão na que esse projeto foi testado.

  
  

---

pet-shop-site.mp4

© Desenvolvido por Davi Alves