Este é um projeto simples de site comercial para barbearias, com uma seção contando sobre o estabelecimento, outra mostrando produtos oferecidos e ainda um formulário para contato. O intuito desenvolvendo a aplicação é aprimorar meu conhecimento no desenvolvimento mobile first, isto é, pensar primeiro na estilização em telas menores e adaptá-las em telas maiores conforme a necessidade. Pude ainda usar um pouco mais da biblioteca de roteamento do React, a react-router-dom, que serviu para dividir e organizar as diferentes páginas.
Você pode testar o projeto diretamente por este link, mas caso queira rodá-lo localmente em sua máquina, siga os passos abaixo:
-
Baixe o arquivo .zip do repositório
- Vá no botão com texto "Code", no início do repositório, e selecione "Download ZIP"
-
Extraindo
- Após baixar, mova o arquivo para a pasta desejada e faça a extração na mesma
-
Baixando dependências
- Abra o editor de código de sua preferência e, no terminal integrado, rode o comando
npm install
. Isso irá realizar a instalação dos pacotes necessários para rodar a aplicação
- Abra o editor de código de sua preferência e, no terminal integrado, rode o comando
Nota: Para realizar os passos citados, você precisará baixar o Node.js e um editor de código.
- React + Vite
- CSS
- React Router DOM
- Mobile first
- Rotas de aplicação
Por meio deste projeto pude aprender mais sobre como dividir uma aplicação em partes menores, separando cada página com seu devido conteúdo e facilitando possíveis manutenções posteriores.