DashCommerce 🛒

📚 Sobre o Projeto

O DashCommerce é um projeto de simulação de e-commerce desenvolvido para demonstrar a estruturação de um projeto FrontEnd utilizando tecnologias modernas e eficientes. Este projeto faz parte de um minicurso para a faculdade UNI-Facef, com o objetivo de ensinar aos alunos como criar uma aplicação web estruturada e responsiva.

🚀 Tecnologias Utilizadas

• ReactJS: Uma biblioteca JavaScript para criar interfaces de usuário. Saiba mais
• VitesJs: Ferramenta para criar um ambiente e trabalhar com ReactJS. Saiba mais
• TailwindCSS: Um framework CSS utilitário para estilização rápida e responsiva. Saiba mais
• ShadCN (Radix-UI): Uma coleção de componentes acessíveis e estilizados para React. Saiba mais
• Platzi Fake Store API: Uma API que simula um eccomerce. Saiba mais

📂 Estrutura do Projeto

DashCommerce/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── Button.jsx
│   │   ├── Card.jsx
│   │   └── ...
│   ├── pages/
│   │   ├── Home.jsx
│   │   ├── Product.jsx
│   │   └── ...
│   ├── lib/
│   │   ├── utils.js
│   │   └── ...
│   ├── providers/
│   │   ├── app-provider.jsx
│   │   ├── product-provider.jsx
│   │   └── ...
│   ├── services/
│   │   ├── configAxios.js
│   │   ├── products.js
│   │   ├── categories.js
│   │   └── ...
│   ├── App.jsx
│   ├── index.css
│   ├── main.jsx
│   └── ...
├── .gitignore
├── package.json
├── README.md
└── ...

🛠️ Como Executar o Projeto

1. Clone o Repositório:

   git clone https://github.com/LucasBolela/dash-commerce-react

2. Instale as Dependências:

   cd dash-commerce-react
   npm install

3. Execute a Aplicação:

   npm run dev

   A aplicação estará disponível em http://localhost:5173.

🌟 Funcionalidades

• Página Inicial: Exibição de produtos destacados.
• Página de Produto: Listas dos produtos e filtros.
• Página de detalhe do Produto: Detalhe de um produto específico.
• (Sugestão de implementação) Carrinho de Compras: Adição e remoção de produtos.
• (Sugestão de implementação) Checkout: Processo de finalização de compra.

🎓 Minicurso

Este projeto é parte de um minicurso oferecido para a faculdade UNI-Facef, focando nas melhores práticas de desenvolvimento FrontEnd. Durante o curso, você aprenderá:

• Estruturação de projetos React.
• Utilização de TailwindCSS para estilização rápida.
• Implementação de componentes acessíveis com ShadCN (Radix-UI).

📞 Contato

Para mais informações, entre em contato:

• Instrutor: Lucas Bolela Silveira
• LinkedIn: Lucas Bolela Silveira
• GitHub: LucasBolela