nextjs ecommerce

La aplicación está activa y funcionando a las

https://nextjs-ecommerce-typescript.vercel.app/

• ¡No olvides dejar una estrella! :)

Autores

• Abdullah Moiz

Características

NOTA

• Solo puede acceder al Panel de administración si lo clona, ​​no puede registrarse para obtener una cuenta de administrador. He agregado productos y categorías ficticias.

Sistema de inicio de sesión multiusuario

• Iniciar sesión/Registrarse ✔
• Olvidar Contraseña ✔
• Validación JWT en cada Solicitud Autorizada ✔
• Validación de autorización para acceso de administrador y acceso de cliente ✔

PANEL DE ADMINISTRACIÓN

• Agregar un producto ✔
• ver producto ✔
• Eliminar un producto ✔
• actualizar producto ✔
• Agregar una categoría ✔
• ver Categoría (Tablas de datos) ✔
• actualizar categoría ✔
• Eliminar categoría ✔
• categoría de búsqueda Por nombre ✔
• buscar producto por categoría Nombre ✔
• Manejar la entrega del pedido ✔
• Lista de pedidos pendientes ✔
• Lista de pedidos completada ✔

Cliente

• Ver producto y categoría ✔
• ver producto relacionado con una categoría específica ✔
• ver detalles de páginas dinámicas con Breadcamp ✔
• Añadir producto al carrito ✔
• Quitar Producto del carrito ✔
• Aumentar Disminuir la cantidad de artículos del carrito ✔ (SI la cantidad en stock del producto es menor que la cantidad de su carrito, entonces no podrá aumentar la cantidad de ese producto)
• Alerta si la cantidad en stock no está disponible ✔
• Marcar Producto favorito ✔
• eliminar producto del marcador ✔
• Solicitar un producto ✔
• Después de crear un pedido, el producto que existe en el carrito para el usuario actual se borrará ✔
• rastrear el estado del pedido ✔
• Ver detalle del pedido ✔

Nota

Se agregarán más funciones con el tiempo

tecnología

• Siguientejs 13
• Mecanografiado
• CSS viento de cola
• kit de herramientas redux
• validación joi
• mongodb
• Ganchos SWR para recuperar API

Variables de entorno

Para ejecutar este proyecto, deberá agregar las siguientes variables de entorno a su archivo .env

DB_URI = Su URL de mongoDB

JWT_SECREAT = Su clave JWT_SECREAT personalizada

NEXT_PUBLIC_API_BASE_URL = URL base para localhost => http://localhost:3000

Instalación

Instalar mi proyecto con npm

  npm install
  npm run dev (for development server)
  npm run build (for Production)
  npm run preview (To View Production Server )

Capturas de pantalla

Panel de administración

Administrador Agregar producto

Administrador Agregar categoría

Administrador Ver categoría

Administrador Ver producto

Administrador Buscar producto con nombre de categoría

Administrador Buscar categoría con nombre de categoría

Lista de pedidos pendientes

Lista de pedidos completada

Página de destino

ver Producto de categoría específica con Dynamic Breadcamp

ver producto de detalle con Dynamic Breadcamp

Página del carrito

Alertar si la cantidad del artículo no está disponible en stock

Productos favoritos

Eliminar productos favoritos

Buscar productos favoritos con nombre de producto

Solicitar un producto

Seguimiento de pedidos

Consultar detalles del pedido