Eloy Lozano logo
Imagen de portada de Bitten Apol
Imagen de portada de Bitten Apol
Imagen de portada de Bitten Apol

Bitten Apol

BittenApol es una plataforma de comercio electrónico que cuenta con un robusto panel de administración y un cliente web intuitivo. El panel de control permite la gestión de productos, usuarios, roles y pedidos, con rutas protegidas y una interfaz limpia y responsiva. El cliente web permite a los usuarios navegar por los productos sin problemas, gestionar su carrito de la compra, completar adquisiciones y beneficiarse del inicio de sesión integrado con Google.

  • Next.js
  • React
  • TypeScript
  • MongoDB
  • Tailwind CSS
  • Google OAuth
  • AWS S3
Ver proyecto
Funcionalidades

Funciones principales

BittenApol ofrece una solución integral para la gestión de e-commerce, con un panel administrativo y un cliente web integrados. Las características clave incluyen:

  • Gestión de Productos: Crear, editar y eliminar productos.
  • Gestión de Usuarios y Roles: Control de acceso basado en permisos.
  • Seguimiento de Pedidos: Actualizaciones de estado y monitorización en tiempo real.
  • Rutas de Admin Protegidas: Aseguradas mediante autenticación y acceso por roles.
  • Interfaz Limpia y Responsiva: Optimizada para facilitar el uso tanto en el lado del admin como del cliente.
  • Carrito de Compras: Funcionalidad completa para añadir y eliminar productos.
  • Autocompletado de Envío: Gestión de direcciones basada en los datos del perfil de usuario.
  • Google OAuth: Inicio de sesión integrado para una experiencia de usuario fluida.
  • Flujo de Pago (Checkout): (Actualmente en desarrollo).

Backend

El panel administrativo utiliza Next.js API Routes para el backend, empleando MongoDB con Mongoose como base de datos. La autenticación se gestiona con JWT o sesiones (NextAuth), garantizando que las rutas estén protegidas con roles y permisos específicos. Permite una gestión completa de productos, usuarios, pedidos y roles dentro de una interfaz segura y eficiente.

  • Next.js
  • API Routes
  • MongoDB
  • AWS S3
  • Mongoose
  • JWT
  • NextAuth
  • Tailwind CSS
  • Google OAuth

Aplicación

El cliente web de BittenApol está construido con Next.js y React utilizando TypeScript para una experiencia rápida y fluida. Integra MongoDB para la gestión de usuarios y datos, autenticación a través de Google OAuth, y utiliza la API React Context para la gestión del estado del carrito y del usuario. El diseño aprovecha Tailwind CSS para mantener una interfaz moderna y responsiva.

  • Next.js
  • React
  • TypeScript
  • MongoDB
  • Mongoose
  • Tailwind CSS
  • React Context API
  • Google OAuth