ClickMart

📜 Descrição

ClickMart é uma plataforma de e-commerce FullStack projetada para oferecer uma solução completa para usuários, lojistas e administradores. O objetivo é criar uma experiência eficiente e integrada, permitindo a compra e venda de produtos de maneira simples e organizada.

Nota: Visualização Ao Vivo disponível para visualização.

📹 Vídeo do Projeto

video.mp4

🔨 Funcionalidades Principais

1. Usuários 🛍️

• Listagem de produtos e eventos disponíveis para compra.
• Chat em tempo real com lojistas utilizando Socket.io.
• Login seguro e criação de conta.
• Integração com PayPal para pagamentos rápidos e confiáveis.
• Opção para criar uma loja e começar a vender produtos.

2. Lojistas 📊

• Dashboard para gerenciamento completo:
  • Listagem de produtos, eventos e pedidos.
  • Criação de novos produtos, eventos e cupons de desconto.
  • Opção de saque de dinheiro para controle financeiro.
  • Edição das informações da loja.
• Chat em tempo real com clientes.

3. Administradores 👨‍💼

• Painel administrativo para gerenciar o site, incluindo:
  • Listagem de usuários, vendedores, produtos e eventos.
  • Monitoramento completo para assegurar o bom funcionamento da plataforma.

👩‍💻 Tecnologias Utilizadas

Frontend

• React - Biblioteca para criação de interfaces de usuário.
• Redux - Ferramenta para gerenciamento de estado global.
• Redux Thunk - Middleware para ações assíncronas no Redux.
• Tailwind CSS - Framework para estilização rápida e eficiente.
• Material UI - Biblioteca de componentes estilizados para React.
• Axios - Cliente HTTP para requisições.
• Socket.io - Biblioteca para comunicação em tempo real.
• Toast - Biblioteca para exibição de notificações.
• PayPal API - Plataforma de processamento de pagamentos online.

Backend

• Node.js - Ambiente de execução JavaScript.
• Express.js - Framework minimalista para Node.js.
• MongoDB - Banco de dados NoSQL.
• Mongoose - ODM para interação com MongoDB.
• Nodemailer - Biblioteca para envio de e-mails.
• Socket.io - Biblioteca para comunicação em tempo real.
• Cloudinary - Serviço para armazenamento de mídia na nuvem.
• Stripe API - Plataforma de processamento de pagamentos.

📂 Executar Localmente

Para executar o projeto ClickMart localmente, siga os seguintes passos:

Frontend

1. Acesse a pasta frontend do repositório: https://github.com/oMiguelwnl/ClickMart/tree/main/frontend
2. Instale as dependências do projeto executando o comando npm install no terminal.
3. Inicie o servidor de desenvolvimento com o comando npm run dev.
4. Acesse o aplicativo em seu navegador no endereço http://localhost:3000.

Backend

1. Acesse a pasta backend do repositório: https://github.com/oMiguelwnl/ClickMart/tree/main/backend
2. Instale as dependências do projeto executando o comando npm install no terminal.
3. Inicie o servidor backend com o comando npm run dev.
4. O servidor backend estará disponível em http://localhost:8000.

Socket

1. Acesse a pasta socket do repositório: https://github.com/oMiguelwnl/ClickMart/tree/main/socket
2. Instale as dependências do projeto executando o comando npm install no terminal.
3. Inicie o servidor Socket.IO com o comando npm start.
4. O servidor Socket.IO estará disponível em http://localhost:3002.

Certifique-se de que todas as três partes (frontend, backend e socket) estejam em execução para que o aplicativo funcione corretamente.

🤝 Contribue

Contribuições são bem-vindas! Por favor, abra uma issue ou envie um pull request para quaisquer alterações.

👩‍💻 Desenvolvedor