Desktop

Responsive

 

Online App

Paint Your House

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 About

A motivação desse projeto é a criação de uma aplicação web responsiva que ajuda o usuário a calcular a quantidade de tinta necessária para pintar uma sala. A aplicação considera que a sala é composta de 4 paredes e permite que o usuário escolha qual a medida de cada parede e quantas janelas e portas possuem cada parede. Com base na quantidade necessária o sistema aponta os tamanhos de lata de tinta que o usuário deve comprar, sempre priorizando as latas maiores. Ex: se o usuário precisa de 19 litros, o sistema sugere 1 lata de 18L + 2 latas de 0,5L.

✨ Features

✔️ Configurações personalizadas de todas as dimensões;
✔️ Configuração personalizada do rendimento da tinta;
✔️ Captura de dados de cada parede de forma isolada;
✔️ Cálculo de áreas e quantidade de tinta necessária;

🚀 Technologies

The following tools were used in this project:

• React
• TypeScript
• Styled-Components
• React Router Dom v6
• React Hook Form v7
• Yup
• Phosphor Icons
• React Toastify
• Auto Animate
• Use Context Selector

✅ Requirements

Before starting 🏁, you need to have Git and Node installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/wsasouza/paint-your-house

# Access
$ cd paint-your-house

# Install dependencies
$ yarn
# or
$ npm install

# Run the project
$ yarn dev
# or
$ npm run dev

# The server will initialize in the <http://localhost:5173>

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by Walter Santos de Andrade Souza

 

Back to top