Descargar Booksy frontend - Descarga del código fuente Booksy frontend

Booksy frontend

Otro código fuente

Descargar

Booksy - Tienda de libros online

Bienvenido a Booksy, su librería en línea creada utilizando la pila MERN con autenticación de usuario manejada por Clerk y pagos procesados por Stripe. Booksy ofrece una amplia colección de libros de varios géneros, brindando a los amantes de los libros una plataforma intuitiva para explorar, seleccionar y compre sus lecturas favoritas con facilidad. Ya sea que te guste la ficción, la no ficción, los materiales educativos o los hallazgos raros, Booksy está diseñado para satisfacer tus preferencias de lectura.

Características

Explorar y buscar : navegue por nuestra extensa biblioteca o utilice la función de búsqueda para encontrar libros específicos con facilidad.
Detalles del libro : acceda a información detallada sobre libros, incluidos resúmenes, detalles del autor y precios.
Autenticación de usuario : regístrese e inicie sesión de forma segura con la autenticación de usuario del cajero para disfrutar de una experiencia de compra personalizada y segura.
Perfiles de usuario : administre su perfil, vea recomendaciones personalizadas y realice un seguimiento de sus preferencias de lectura.
Carrito de compras : agregue libros a su carrito, ajuste las cantidades o elimine artículos según sea necesario antes de pagar.
Pago seguro : complete sus compras de forma segura con opciones de pago integradas, incluido Stripe para transacciones seguras.
Historial de pedidos : vea sus pedidos anteriores y realice un seguimiento del estado de sus compras actuales.
Favoritos : guarde libros en su lista de favoritos para acceder fácilmente o comprarlos en el futuro.
Diseño responsivo : disfrute de una experiencia de compra perfecta en todos los dispositivos, gracias a nuestro diseño responsivo.

Pila de tecnología

Frontend: React.js para una interfaz de usuario dinámica y responsiva. Backend: Node.js y Express.js para una lógica sólida del lado del servidor y puntos finales API. Base de datos: MongoDB para almacenamiento de datos flexible y escalable. Procesamiento de pagos: integración de Stripe para transacciones de pago seguras y eficientes. Estilo: CSS y principios de diseño responsivo para una experiencia de usuario pulida y adaptable.

Autores: (Equipo)

Demetrius Vissarion - https://github.com/demetriusvissarion Thomas Mazzag - https://github.com/TomMazzag Ilhan Abdalle - https://github.com/Illy-hans Jehoshua - https://github.com/AVJehoshua Fawaz Tarar-https://github.com/Fawaztarar

Trelo

https://trello.com/b/qv2hfgk4/ecommerce-final-project

excalidraw

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

Miró

Documentos API

Empezando

Para configurar el proyecto Booksy localmente, sigue estos pasos:

Requisitos previos

Node.js MongoDB

Instalación

Configuración de back-end

Clona el repositorio backend:

clon de git https://github.com/AVJehoshua/Booksy-backend.git

Clona el repositorio o descarga el código fuente:

Configuración de interfaz

Clona el repositorio backend:

clon de git https://github.com/TomMazzag/Booksy-frontend.git

Navegue al directorio del proyecto:

cd Booksy-interfaz

instalación npm
instalar dependencias
Inicie el servidor de desarrollo de React:

Instale las dependencias requeridas para el backend:

cd Booksy-backend

Inicie el servidor backend:
inicio de npm
La aplicación ahora debería estar ejecutándose en http://localhost:3000.

Inicie el servidor backend:

Configuración

Variables de entorno Configure las variables de entorno requeridas en archivos .env dentro del directorio backend y .env.local en el frontend

MONGO_URI: Cadena de conexión para su base de datos MongoDB. STRIPE_SECRET_KEY: Clave secreta para la integración de pagos de Stripe. Integración de Stripe Asegúrese de haber configurado su cuenta de Stripe y obtenido las claves API necesarias para el procesamiento de pagos.

Uso

Explore la librería, regístrese o inicie sesión, agregue libros a su carrito y proceda al pago. Disfrute de una experiencia de compra de libros perfecta desde la comodidad de su hogar.

Contribuyendo

¡Las contribuciones son bienvenidas! Si desea contribuir, bifurque el repositorio y cree una solicitud de extracción con sus funciones o correcciones.