La aplicación web es un sistema de gestión de préstamos de libros que permite al propietario de una tienda administrar su colección. Incluye funciones de autenticación para el propietario y un conjunto de operaciones CRUD (Crear, Leer, Actualizar, Eliminar) para gestionar los libros disponibles en la tienda. Además, destaca los últimos libros añadidos en la página de inicio.
La página HomeLogin es la página de inicio de sesión para el propietario de la tienda. Permite al propietario iniciar sesión en su cuenta para acceder a las funciones de administración de la tienda.
La aplicación está diseñada con enfoque en la responsividad, lo que significa que se adapta a diferentes tamaños de pantalla para ofrecer una experiencia de usuario consistente en dispositivos móviles, tablets y ordenadores de escritorio.
-
Página de Inicio: Muestra los últimos libros añadidos, formulario de contacto, vincula a la sección para donar, area de comentarios y proporciona acceso al inicio de sesión del propietario.
-
Página de Inicio de Sesión: Permite al propietario iniciar sesión para acceder al área de administración.
-
Área de Administración: Permite al propietario gestionar la colección de libros, incluyendo operaciones CRUD.
-
Página de Gestión de Libros: Proporciona formularios para añadir, editar y eliminar libros. .
- Tailwind
- React
- React Router
- Vite
- Cloudinary React
- Axios
- SweetAlert2
- React Hook Form
- Framer Motion
- React.js
- React Router DOM
- Node.js
- Express.js
- MongoDB
Los formularios de contacto permiten a los clientes enviar consultas por correo electrónico tanto al negocio como a su propia dirección de correo electrónico. Cuando se envía un formulario, se envía un correo electrónico al negocio con los detalles de la consulta y también se envía una copia al cliente para confirmación.
Frontend y Backend Clona el repositorio. Entra al directorio clonado. Instala las dependencias con npm install. Inicia la aplicación con npm run dev.
Configura las variables de entorno en un archivo .env en el directorio raíz del backend. Asegúrate de tener MongoDB instalado y en funcionamiento. Ejecuta el servidor backend con node app.js
Gracias por visitar la web :)