Borcelle-admin

📜 Descrição

Borcelle-admin é uma aplicação FullStack que fornece uma dashboard interligado ao Borcelle-store. Este Sistema gerencia todos os aspectos da sua loja online, desde a visualização de métricas em tempo real no seu dashboard até o controle eficiente de produtos, coleções, pedidos e clientes.

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

🔨 Funcionalidades Principais

1. 📊 Dashboard

   • Apresenta um gráfico que ilustra todas as transações realizadas, além de fornecer uma visão geral de clientes e pedidos.

2. 🔐 Login / Cadastro

   • Experiência personalizada com login rápido e seguro utilizando o Clerk Authentication.

3. 🛍️ Coleções e Produtos

   • Permite Criar, Editar, Excluir e Atualizar Produtos e coleções do E-commerce.

4. 📜 Pedidos

   • Mantenha-se organizado com um panorama dos pedidos realizados, gerenciando-os de maneira eficiente.

5. 🙍‍♂️ Clientes

   • Administre as informações dos seus clientes de maneira segura e eficaz.

6. 📱 Responsividade

   • Totalmente adaptável para visualização 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.
• Shadcn - Biblioteca de UI para criação de interfaces web modernas.
• ClerkAuth - Plataforma de autenticação e gestão de usuários.
• Recharts - Biblioteca para criação de gráficos.

Backend

• Node.js - Ambiente de execução JavaScript do lado do servidor.
• MongoDB - Banco de dados NoSQL.
• Mongoose - ODM (Object Data Modeling) para MongoDB.
• Zod - O Zod é uma biblioteca para validação de estados.
• Cloudinary - Serviço de armazenamento de mídia na nuvem.
• Stripe - Plataforma de pagamentos online.

📁 Executar Localmente

1. Clone o repositório: git clone https://github.com/oMiguelwnl/Borcelle_admin
2. Navegue até o diretório: cd Borcelle_admin
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