Eloy Lozano logo
Slider image
Slider image
Slider image

Bitten Apol

BittenApol es una plataforma de comercio electrónico con un sólido panel de administración y un cliente web intuitivo. El panel de administración permite gestionar productos, usuarios, roles y pedidos, con rutas protegidas y una interfaz limpia y responsive. El cliente web facilita a los usuarios la navegación por los productos, la gestión del carrito, la finalización de la compra y la integración del inicio de sesión de Google.

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

Main functions

BittenApol ofrece una solución completa para la gestión del comercio electrónico, con panel administrativo y cliente web integrados. Algunas funcionalidades destacadas incluyen:

  • Gestión de productos: crear, editar y eliminar productos.
  • Gestión de usuarios y roles con acceso basado en permisos.
  • Seguimiento de pedidos y actualizaciones de estado.
  • Rutas administrativas protegidas con autenticación y roles.
  • Interfaz limpia, receptiva y fácil de usar tanto en el administrador como en el cliente.
  • Carrito de la compra con añadir y eliminar productos.
  • Dirección de envío autocompletada basada en los datos del usuario.
  • Inicio de sesión de Google integrado para mayor comodidad.
  • Flujo de pago (en desarrollo).
Funciones

Frontend

El panel administrativo es alimentado por Next.js API Routes para el backend, usando MongoDB con Mongoose como base de datos. La autenticación se maneja con JWT o sesiones (NextAuth), asegurando rutas protegidas con roles y permisos. Permite la gestión completa de productos, usuarios, pedidos y roles en una interfaz segura y eficiente.

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

Backend

El cliente web de BittenApol está construido con Next.js y React usando TypeScript para una experiencia rápida y fluida. Integra MongoDB para la gestión de usuarios y datos, autenticación vía Google OAuth, y utiliza React Context API para la gestión de carritos y estados de usuario. El diseño se basa en Tailwind CSS para mantener una interfaz moderna y responsive.

  • Next.js
  • React
  • TypeScript
  • MongoDB
  • Mongoose
  • Tailwind CSS
  • React Context API
  • Google OAuth
Software is a great combination between artistry and engineering
- Bill Gates

Eloy Lozano Barrios - © 2025