Bem-vindo ao repositório da aplicação Óticas Bem Mais! Este projeto é uma plataforma para gerenciar e exibir produtos de uma ótica, oferecendo uma interface amigável e moderna.
O projeto foi desenvolvido com as seguintes tecnologias:
- React: Biblioteca JavaScript para criação de interfaces de usuário.
- Vite: Ferramenta de build rápida e leve.
- Zustand: Biblioteca para gerenciamento de estado em React.
- Tailwind CSS: Framework CSS utilitário para estilização rápida.
Abaixo está a estrutura básica de pastas do projeto, criada para organização e facilidade de manutenção:
assets/
├── icons/ # Ícones usados na interface
├── images/
│ ├── products/ # Imagens dos produtos da ótica
│ └── website/ # Imagens de identidade do site (ex.: logotipo, banners)
components/
├── layout/ # Componentes de layout (ex.: Header, Footer, Sidebar)
└── ui/ # Componentes de UI reutilizáveis (ex.: Botões, Inputs, Cards)
data/ # Dados estáticos ou mockados
hooks/ # Hooks personalizados para funcionalidades específicas
types/ # Definições de tipos e interfaces para o projeto
App.ts # Componente principal do aplicativo (estrutura de layout e rotas)
O design da aplicação foi cuidadosamente planejado e está disponível no Figma. Confira o protótipo completo:
Contribuições são bem-vindas! Para contribuir:
Faça um fork deste repositório.
- Crie uma branch para sua feature (git checkout -b feature/nome-da-feature).
- Faça o commit das suas alterações (git commit -m 'Adicionei uma nova feature').
- Envie para a branch principal (git push origin feature/nome-da-feature).
- Abra uma Pull Request. Observação: Antes de enviar sua contribuição, por favor, certifique-se de que ela está de acordo com as diretrizes do projeto e que os testes estão passando.
Cláudio Silva - LinkedIn | GitHub Bruno Lima - LinkedIn | GitHub Ruan Victor - LinkedIn | GitHub