O aplicativo está ativo e funcionando em
https://nextjs-ecommerce-typescript.vercel.app/
- não esqueça de deixar uma estrela! :)
Autores
Características
OBSERVAÇÃO
- O painel de administração só estará acessível para você se você cloná-lo, você não pode se inscrever para uma conta de administrador. Adicionei produtos e categorias fictícios
Sistema de login multiusuário
- Login / Cadastro ✔
- Esqueci a senha ✔
- Validação JWT em cada Solicitação Autorizada ✔
- Validação de autorização para acesso de administrador e acesso de cliente ✔
PAINEL DE ADMINISTRAÇÃO
- Adicione um produto ✔
- ver Produto ✔
- Excluir um produto ✔
- atualizar produto ✔
- Adicione uma categoria ✔
- visualizar categoria (tabelas de dados) ✔
- atualizar categoria ✔
- Excluir categoria ✔
- categoria de pesquisa por nome ✔
- pesquise produto por categoria Nome ✔
- Lidar com a entrega do pedido ✔
- Lista de pedidos pendentes ✔
- Lista de pedidos concluída ✔
Cliente
- Ver produto e categoria ✔
- visualizar produtos relacionados a uma categoria específica ✔
- veja detalhes de páginas dinâmicas com breadcamp ✔
- Adicione o produto ao carrinho ✔
- Remover produto do carrinho ✔
- Aumentar Diminuir a quantidade de itens do carrinho ✔ (SE a quantidade em estoque do produto for menor que a quantidade do carrinho, você não poderá aumentar a quantidade do produto)
- Alerte se a quantidade em estoque não estiver disponível ✔
- Marque o produto favorito ✔
- remover produto dos favoritos ✔
- Encomende um produto ✔
- Depois de criar um pedido, o produto existente no carrinho para o usuário atual será apagado ✔
- acompanhar o status do pedido ✔
- Ver detalhes do pedido ✔
Observação
Mais funcionalidades serão adicionadas com o tempo
Tecnologia
- Próximojs 13
- Texto datilografado
- CSS de vento favorável
- Kit de ferramentas Redux
- validação joi
- mongoDB
- Ganchos SWR para buscar API
Variáveis de ambiente
Para executar este projeto, você precisará adicionar as seguintes variáveis de ambiente ao seu arquivo .env
DB_URI = Sua URL do mongoDB
JWT_SECREAT = Sua chave JWT_SECREAT personalizada
NEXT_PUBLIC_API_BASE_URL = URL base para localhost => http://localhost:3000
Instalação
Instale meu projeto com npm
npm install
npm run dev (for development server)
npm run build (for Production)
npm run preview (To View Production Server )
Capturas de tela
Painel de administração
Administrador Adicionar produto
Categoria de adição de administrador
Categoria de visualização do administrador
Administrador Ver Produto
Produto de pesquisa de administrador com nome de categoria
Categoria de pesquisa de administrador com nome da categoria
Lista de pedidos pendentes
Lista de pedidos concluída
Página inicial
visualizar produto de categoria específica com Dynamic Breadcamp
visualizar produto de detalhes com Dynamic Breadcamp
Página do carrinho
Alertar se a quantidade do item não estiver disponível em estoque
Produtos favoritos
Excluir produtos favoritos
Pesquise produtos favoritos com o nome do produto
Encomende um produto
Rastrear pedidos
Verifique os detalhes do pedido
