PT-BR | EN

🔗 Acesse em https://hellosundae.vercel.app/.

📑 Índice

1. O que é o projeto?
2. Melhorias realizadas no projeto original
3. Layout do projeto
4. Tecnologias utilizadas
5. Como executar o código
6. Licença

💻 O que é Hello Sundae

O projeto HelloSundae é uma aplicação com front-end e back-end para realizar pedidos de sorvetes. Nasceu com base no projeto Sundae on Demands do curso Testing React with Jest and Testing Library da Bonnie Schulkin. Porém, passou por diversas melhorias e alterações, principalmente na aparência e acréscimo de mais testes, alguns inspirados nos testes realizados na library Polaris React. O nome e as cores foram inspiradas no perfil da Holly Boothroyd no Instagram (@herhelloworld).

👏 Melhorias realizadas no projeto original

• 🆙 Interface totalmente remodelada com cores bonitas;
• 🌟 Criado um Logo para o projeto;
• 🔧 Código css responsivo;
• 🌟 Adicionei suporte a SASS;
• 🔧 Alteração do nome e cores, ambos pensados e criados por mim (@arthurassuncao);
• 🆙 Uso de componentização;
• 🆙 Criados mais testes baseados em artigos e em testes do Polaris React;
• 🆙 Adição do Typescript;
• 🌟 Nova estrutura de diretórios e arquivos;

My redesign

📷 Order screen redesign

📷 Order summary screen redesign

📷 Order finished screen redesign

📷 Layout do projeto

📱 Tela mobile

✨ Tecnologias utilizadas

O Front-end do site é feito utilizando:

• React Testing Library e Jest: para realizar testes funcionais e utilitários;
• ReactJS: diversos pacotes são utilizados;
• Typescript: para checagem de tipo;
• CSS Modules: para isolar os componentes e ter maior controle;
• Variáveis CSS para manter consistência nos valores de propriedades;

🏃 Como executar o código

Primeiro baixe as dependências do projeto:

yarn install # or npm install

Para rodar localmente utilize o comando abaixo:

yarn dev # or npm dev

Para executar os testes, utilize o comando:

yarn test # or npm test

Para realizar o build local, utilize o comando:

yarn build # or npm build

Abra http://localhost:3000 no navegador para ver o resultado.

📝 Licença

Esse projeto é um software de código-fonte aberto sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com 💪 por Arthur Assuncao.