Bem-vindo ao front-end desenvolvido para o desafio final do curso "Explorer" da Rocketseat. A aplicação é construída em React e JavaScript, utilizando styled-components e Vite como ferramentas principais. Além disso, incorpora dependências essenciais, como Swiper, React Icons, React Router DOM e Axios. A aplicação é totalmente componentizada e responsiva, seguindo as melhores práticas de desenvolvimento React. Ela apresenta um sistema de rotas distintas para dois tipos de usuários: administradores e clientes.
Você pode instalar as dependências do projeto utilizando o seguinte comando:
npm install
| Admin | Customer |
|---|---|
| Admin Home Desktop | Customer Home Desktop |
| Admin View Desktop | Customer View Desktop |
| Admin Home Mobile | Customer Home Mobile |
| Admin View Mobile | Customer View Mobile |
- Componentização: Utilização extensiva de componentes React reutilizáveis para uma estrutura de fácil manutenção e escalável.
- Sistema de Rotas: Implementação de rotas distintas para usuários administradores e clientes.
- Estilização Avançada: Utilização da biblioteca styled-components para uma estilização avançada com CSS-in-JS.
- Responsividade: Design responsivo para garantir uma experiência consistente em diferentes dispositivos.
- Integração de Bibliotecas: Uso de Swiper para funcionalidades de slide, React Icons para ícones personalizados, React Router DOM para navegação e Axios para requisições HTTP.
O projeto foi desenvolvido com base no modelo fornecido no Figma.
A aplicação está disponível para acesso através do seguinte link:
Após instalar as dependências do projeto, você pode iniciar a aplicação com o seguinte código:
npm run dev