SortSmart

📜 Descrição

SortSmart é uma aplicação completa de E-commerce, com um sistema avançado de filtragem e eficientes estados de carregamento para todos os produtos. O aspecto principal deste aplicativo reside na funcionalidade de filtragem de produtos, inspirada nos filtros utilizados pelos gigantes do comércio eletrônico.

Nota: Live Preview disponível para visualização.

🔨 Funcionalidades Principais

1. 🏠 Home Page

   • Exibe todos os produtos disponíveis na loja.

2. 🔐 Filtragem avançada de produto

   • Filtrar produto por Tamanho, Cor e até mesmo por Preço em determinadas faixas, incluindo uma faixa totalmente personalizável por meio de um controle deslizante.

3. 🛍 Inputs Debounce

   • Atrasa funções, evitando excesso de eventos, melhorando a eficiência do aplicativo ao processar entradas do usuário.

4. 📱 Responsividade

   • Projetado para oferecer uma excelente experiência de usuário em qualquer dispositivo.

👩‍💻 Tecnologias Utilizadas

Frontend:

• Next.js - Framework React para renderização do lado do servidor.
• TypeScript - Linguagem de programação que adiciona tipagem estática ao JavaScript.
• Tailwind CSS - Framework de estilos CSS.
• React Query - Biblioteca para buscar, sincronizar e atualizar dados de maneira eficiente.

Backend:

• Axios - Biblioteca para realizar solicitações HTTP.
• Upstash - Banco de dados Redis como serviço para desenvolvedores.
• Zod - Uma biblioteca de validação de esquema com total segurança de tipo.

📁 Executar Localmente

1. Clone o repositório: git clone https://github.com/oMiguelwnl/SortSmart
2. Navegue até o diretório: cd SortSmart
3. Instale as dependências: npm install ou yarn install
4. Inicie o servidor de desenvolvimento: npm run dev ou yarn dev
5. Acesse o aplicativo em http://localhost:3000

🤝 Contribuir

Se você é um desenvolvedor interessado em melhorar o aplicativo e torná-la ainda mais útil e amigável, sinta-se à vontade para:

• Enviar Pull Requests
• Relatar Problemas

👩‍💻 Programador