Enlace de la aplicación web en vivo: https://full-stack-car-app.web.app/
Enlace del código del lado del servidor: https://github.com/shadmansaalim/Full-Stack-Car-Server.git
Aplicación web de nicho de pila completa creada con ReactJs, React Bootstrap, NodeJs, ExpressJs y MongoDB.
Esta es una aplicación de nicho simple donde se muestran autos y el usuario puede reservar cualquiera de los autos de la colección y todos los datos de la reserva se almacenarán en la base de datos y el usuario también puede ver sus pedidos en la página Mis pedidos desde el Panel de control, donde el usuario puede incluso cancelar su pedido, que también se actualizará en la base de datos. Además, el usuario también puede agregar una reseña para el sitio web que se mostrará en la sección de reseñas del control deslizante de la página de destino. Para el sistema de autenticación de usuario utilicé Firebase mediante el cual el usuario puede registrarse y también iniciar sesión utilizando el sistema de correo electrónico/contraseña, así como Google/Facebook/Apple Provider.
Detrás de escena de la aplicación también hay un Panel de administración en el Panel de control que solo pueden ver los administradores. La interfaz de usuario de los paneles de un usuario normal y un administrador es completamente diferente. Los administradores pueden crear más administradores en la página Crear administrador desde el Panel de control, así como también pueden obtener toda la lista de pedidos realizados por los usuarios e incluso pueden actualizar el estado del pedido y eliminar los pedidos existentes. Además, los administradores pueden incluso gestionar los coches que se muestran en el sitio web e incluso pueden agregar más coches o eliminar los existentes. Envíame un mensaje de texto si quieres credenciales de administrador
Se implementó el token JWT para proteger las API y se crearon rutas privadas para agregar una doble capa de seguridad de acceso al sitio web a diferentes rutas.
Hizo que la aplicación responda completamente para todos los dispositivos.
Implementé algunos principios básicos de diseño de usuario para mejorar UI/UX de la aplicación.
Paquetes usados como React Hook Form, React Rating, React Slick, React Toastify, Sweetalert, Fontawesome, etc. para mejorar la UX de la aplicación.
Aplicación desarrollada por Saalim Shadman, estudiante de informática en RMIT, Australia
