Online Grocery Store
1.0.0
La tienda de comestibles en línea es una aplicación web basada en comercio electrónico para nuestro proyecto de programación web. Habíamos desarrollado una muestra en la que el usuario puede buscar y encontrar la información necesaria sobre cualquier artículo de supermercado, puede proceder a pagar para comprar productos. El usuario puede crear una cuenta, actualizar información personal, puede verificar sus actividades pasadas, pedidos y transacciones y artículos de carrito.
https://github.com/parasgarg/online-grocery-store/
https://drive.google.com/file/d/0b79vfv-wa7ezme9wvmsxtepzmjg/view?usp=sharing
Idiomas frontend: HTML, CSS y JavaScript del lado del cliente Frontend Frontwork: Bootstrap Biblioteca de frontend: JQuery Backend: Backend Backend Framework de JavaScript del lado del servidor: Base de datos NodeJS y NPM: MongoDB Otras Bibliotecas: TOTA11Y y HTML Validador Herramient
"BCrypt": "^1.0.2", "Body-Parser": "^1.17.1", "Connect-Flash": "^0.1.1", "Cookie-Parser": "^1.4.3", "Cookie-Session": "^2.0.0-beta.1", "expresar": "^4.15.2", "expressbars": ":"^0.0.0 ",", expreso ": express-passport": express-passport ": express -psport": express-passport ": express-passport", "^ "^0.1.0", "Express-Passport-logout": "^0.1.0", "expresión expresa": "^1.15.2", "Hanyebars-intl": "^1.1.2", "Hanyebars-Paginate": "^0.1.0", "MongoDb": "^2.2.26", ":"^0. 0.2 "," Passport-Local ":". "ruta": "^0.12.7", "randomstring": "^1.1.5", "uuid": "^3.0.1", "validador": "^7.0.0", "xss": "^0.3.3"
Después de instalar y configurar el sistema y el entorno. Siga los pasos para ejecutar el proyecto -
Registro/firmación del usuario: el usuario debe crear una cuenta para realizar cualquier tipo de compras, pero para verificar proyectos y otras búsquedas no requiere que el usuario se registre. El primer usuario debe registrarse e iniciar sesión para verificar las actividades, transacciones de acceso recientes, billetera electrónica y el carrito de artículos. Para crear el usuario de la cuenta, debe hacer clic en el botón de registro cumplir con todos los requisitos de creación de un formulario de cuenta para registrarse con nosotros. En caso de que sus deseos hayan iniciado sesión, debe ir a iniciar sesión y proporcionar sus credenciales que se han establecido con nosotros. En caso de que el usuario haya olvidado su contraseña, proporcionamos un módulo para regenerar una nueva contraseña. El enlace para el módulo olvidado Se puede encontrar en el inicio de sesión.
Panel de usuarios: para cambiar la información del usuario y otras configuraciones, hemos desarrollado módulos en el panel del tablero, pero el usuario también puede encontrar todas estas opciones en la esquina superior derecha de la página cuando el usuario hace clic en su nombre.
2.1 Configuración de la cuenta: este módulo proporciona un panel para cambiar la información del perfil de los usuarios y la contraseña. 2.2 Configuración de pago: este módulos ayuda al usuario a almacenar la información de su tarjeta con nosotros para una fácil funcionalidad de pago y pedido. 2.3 Configuración de la billetera: en este módulo, el usuario puede mantener su efectivo electrónico agregando más efectivo o compra de artículos sin usar ninguna información de tarjeta. El usuario puede agregar efectivo de las tarjetas guardadas, o usar otra tarjeta de ahorro, pero el usuario puede agregar un máximo de $ 1000 a una transacción y se permiten $ 10000 en general. Al mismo tiempo, el usuario puede verificar sus actividades y detalles de la billetera en la misma página. 2.4 Historial de pedidos: esta característica ayuda al usuario a verificar todas las compras pasadas y otros detalles, como la fecha de compra, los productos comprados e información de pago. 2.5 Newsletters: el usuario puede administrar y suscribirse o cancelarse a nuestros neweletters. 2.6 Cerrar sesión: el usuario puede iniciar sesión con éxito para evitar la explotación de su cuenta.
CARRO DEL USUARIO: El usuario puede agregar elementos o elementos eliminados o editar la quitación para cada elemento (se permiten 5 cantidades máximas por producto). Aquí el usuario puede verificar la información total de pago y proceder a pagar.
SEACH PRODUCTO: El usuario puede marcar escribiendo productos, ID, nombre, marca y categoría en la barra de búsqueda que está presente en la parte superior de la página.
Búsqueda filtrada: el usuario puede refinar su búsqueda de acuerdo con el rango de precios y la categoría. Esta característica estará disponible en los resultados de búsqueda.
Búsqueda de categorías: el usuario puede buscar directamente productos de acuerdo con su categoría seleccionando categorías en la esquina superior izquierda de la página justo al lado del logotipo.
Información del producto: el usuario puede verificar la información del producto haciendo clic en el encabezado o un botón de vista dado en cada miniatura del producto y descubrir más sobre el producto y puede agregarla a su carrito haciendo clic en el botón Agregar al carrito debajo de la imagen de visualización de un elemento.
Otros: hemos implementado Fake Gateway donde el usuario puede seleccionar el modo de pago, es decir, tarjeta guardada, nueva tarjeta y billetera. El usuario puede pagar el monto por cualquiera de los modos enumerados y también y revisar su información de pago en la parte inferior y luego puede pagar y proceder al paso final, que es confirmación en la que se mostrará un mensaje de confirmación y generará una transacción u orden (que también estaría disponible en el tablero de usuarios).
