Proyecto Ecommerce
Este proyecto fue realizado con Vue.js, JavaScript, Vuetify, Node.js y Mongodb. Es una pagina ecommerce con todas las funcionalidades que esta necesita la cual observaremos en el transcurso del contenido de este proyecto.
En la siguiente imagen podemos apreciar la pagina principal de este sitio web, la cual consta con 3 idiomas (EspaƱol, Ingles y FrancĆ©s), el carrito de compras, el menĆŗ con las categorĆas de los productos a la venta, un buscador, las redes sociales asociadas, las opciones de registrarse,Ā iniciar sesiĆ³n y tambiĆ©n un carousel con informaciĆ³n de su preferencia.
En la segunda secciĆ³n de la pagina principal tenemos algunas de las categorĆas que se promocionan en esta ecommerce y tambiĆ©n una secciĆ³n para la informaciĆ³n personal de la empresa.
Al hacer clic en algunas de las opciones sobre la informaciĆ³n de la empresa este lo llevarĆ”Ā a la pagina correspondiente con dicha informaciĆ³n como la pantalla que se muestra a continuaciĆ³n.
Una secciĆ³n donde se pueden ver algunos de los productos que ofrece el ecommerce, si estĆ”n en oferta o no, en la imagen mas grande cuenta con un carousel.
En la ultima secciĆ³n de la pagina principal podremos apreciar una divisiĆ³n para los testimonios que realizar los clientes con respecto al ecommerce y de ultimo una opciĆ³n de suscripciĆ³n la cual al ingresar un usuario y dar clic en "Suscribe" el sistemaĀ lo enviarĆ”Ā a la pagina de registro.
PantallaĀ de registro con datos esenciales para recolectar la informaciĆ³n necesaria del cliente.
Pantalla de inicio de sesiĆ³n.Ā
Una pantallaĀ de perfil para cambiar los datos personales de la cuenta.
En esta secciĆ³n podremos ver todos los productos ofrecidos por el ecommerce asĆ como tambiĆ©n las categorĆas asociadas a cada uno de ellos.
En las siguientes pantallas se pueden observar el procedimiento al momento de agregar un producto al carrito.
Luego tenemos la pantalla de cotizaciĆ³n la cual muestra los detalles de la compra, los detalles del cliente, la cantidad de productos a cotizar y el mĆ©todo de pegado a realizar por los productos, como tambiĆ©n una opciĆ³n de factura fiscal en caso de que el cliente lo necesite, luego de presionar el botĆ³n de "Cotizar Productos", se envĆa un correo a la empresa con toda la informaciĆ³n de la cotizaciĆ³n que el cliente ha realizado.
El cliente contarĆ”Ā con una pantalla para ver los pedidos realizados y el estatus que se encuentra actualmente esos pedidos.
Administrador
A continuaciĆ³n podremos observar todas las pantallas relacionadas al administrador de la web ecommerce, la cual fue desarrollada con las mismas herramienta mencionadas anteriormente. La primeras primeras paginas que veremos es la de iniciar sesiĆ³n y la de inicio.
En la segunda opciĆ³n del menĆŗ tenemos la secciĆ³n de productos, aquĆ podremos ver las pantallas para la creaciĆ³n de un producto y el listado de los mismos con sus respectivas opciones de editar y eliminar el producto.
En la tercera opciĆ³n del menĆŗ tenemos la ofertas de los productos. En las siguientes pantallas podremos ver el formulario de registro asĆ como tambiĆ©n el listado de todas las ofertas con sus respectivas opciones de editar y eliminar.
En la cuarta opciĆ³n del menĆŗ tenemos la secciĆ³n de categorĆas, en las prĆ³ximas pantallas podremos ver el formulario para la creaciĆ³n de una categorĆa, y el listado de las mismas con sus respectivas opciones de editar y eliminar.
En la quinta opciĆ³n del menĆŗ, tenemos la lista de ordenes, en esta secciĆ³n veremos todas las ordenes que se han solicitado desde la web ecommerce asĆ como el detalle de la misma para ir cambiando el estatus de la orden con respecto al avance de la cotizaciĆ³n.
En la sexta opciĆ³n del menĆŗ tenemos la secciĆ³n de testimonios, la cual podremos ver los comentarios de los clientes con respecto a la satisfacciĆ³n del servicio, aquĆ podremos ver el listado de todos los testimonios y el detalle del mismo, tambiĆ©n se puede observar la opciĆ³n de poner visible el comentario en la web.
En la sĆ©ptima opciĆ³n del menĆŗ tenemos la administraciĆ³n del personal, en las siguientes pantallas podremos observar el formulario para registrar al personal, asĆ como tambiĆ©n el listado del mismo con sus respectivas opciones de editar y eliminar.
En la octava opciĆ³n del menĆŗ tenemos la administraciĆ³n de clientes, la cual podremos observar el listado de todos los clientes registrados asĆ como el detalle del mismo, y cada cliente tiene la opciĆ³n de bloqueo por cualquier inconveniente que se presente con alguno de ellos.
En la novena opciĆ³n del menĆŗ tenemos la administraciĆ³nĀ de imĆ”genes de instagram, aquĆ podremos registrar una cuenta de instagram la cual podrĆ” mostrar todas las imĆ”genes que tenga registradas en una secciĆ³n de la pagina principal del ecommerce, en esta pantalla se observa un botĆ³n para obtener un token, este te redirige a la pagina de instagram la cual le pide ingresarĀ con su cuenta para proporcionarle un cĆ³digo el cual se usara para mostrar dichas imĆ”genes, luego de obtener el cĆ³digo se hace el registro en el administrador.
En la dĆ©cima opciĆ³n tenemos las configuraciones bĆ”sicas del sistema, la cual podremos observar en las siguientes imĆ”genes. Los campos de correo y contraseƱa son los campos del correo electrĆ³nico que enviara los mensaje a los clientes sobre el detalle de sus cotizaciones solicitadas.
En laĀ undĆ©cima opciĆ³n del menĆŗ tenemos las informaciones personales de la empresa que se muestran en la pagina web de ecommerce las cuales son:
- Quienes somos
- MisiĆ³n, visiĆ³n y valores
- Certificaciones
- Instalaciones
En las secciones de certificaciones e instalaciones podremos ver los formularios de registro undƩcimo como tambiƩn el listado de las mismas con sus respectivas opciones de editar y eliminar.
Ā Como ultima opciĆ³n del menĆŗ tenemos las configuraciones del inicio, en esta secciĆ³n tendremos las imĆ”genes que se mostraran en el carousel principal de la pagina de inicio del la ecommerce, las 4 ofertas que se ven luego del carousel, los nuevos productos se que ven luego de la secciĆ³n de las ofertas, y la secciĆ³n de informaciĆ³n de la empresa en la cual se pueden registrar las opciones que pueden verse allĆ, como quienes somos, certificaciones etc.
