Esse foi meu projeto final usando as tecnologias que aprendi durante o bootcamp da Reprograma
O site já está no ar e você pode acessar aqui: Site Netos Por Escolha
Ferramenta | Descrição |
---|---|
ReactJS |
framework web |
Vite |
gerador de projeto de front-end |
npm |
gerenciador de pacotes |
Firebase |
Ferramenta realtime database para gravar as mensagens de contato |
Styled components |
Biblioteca (lib) do React e do React Native que nos permite criar componentes de estilo ao escrever códigos CSS dentro de um arquivo JavaScript |
Phosphor icons |
Dependência com icones |
React router dom |
Dependência para criar rotas no reactjs |
Vercel |
Hospedagem para a aplicação, fiz o deploy integrado com o github |
Github |
Hospedagem do código fonte integrado com gerenciador de versionamento |
Siga os passos e inclua as informações abaixo:
Passo | Comando/informação |
---|---|
Faça o fork | botão de forkar |
Faça o clone | git clone |
Instale as dependências após acessar a pasta projeto | npm i |
Crie as variaveis de ambiente para integrar com Firebase e inclua os valores da sua conta | conforme .env.example e lista abaixo |
Rode o projeto | npm run dev |
Variáveis de ambiente
- VITE_API_KEY=
- VITE_AUTH_DOMAIN=
- VITE_PROJECT_ID=
- VITE_STORAGE_BUCKET=
- VITE_MESSAGING_SENDER_ID=
- VITE_APP_ID=
- VITE_DATABASE_URL=
### Implementações futura - Incluir Testes - Revisar acessibilidade - aplicar responsividade
Feito por Daiane dos Anjos