andermendoza / ecommerce-template Goto Github PK
View Code? Open in Web Editor NEWTemplate of an ecommerce website.
Home Page: https://stose.vercel.app/
Template of an ecommerce website.
Home Page: https://stose.vercel.app/
-Insertar un botón para redirigir hacia la página revisión de orden.
Se colocará los espacios para la vista de revision de pedido.
Contará con los siguientes espacios, por la parte izquierda:
Por la parte derecha:
-Implementar un botón para poder agregar un producto.
-Colocar un espacio donde se mostrará el resumen del pedido.
-Contenido desplegable.
-Agregar un icon a cada uno respectivo.
-Incorporar imágenes que se puedan desplegar.
--botón "comprar ahora"
--icons que sirvan de orden de imágenes
Crear las paginas web de facebook, twitter, etc y enlazarlos con el codigo para que los botones tengan funcion
Planificar la realización de pruebas al código
-- Elegir las herramientas a utilizar
-- Realizar pruebas funcionales y no funcionales
Documentar la planificación de las pruebas
-- Detallar cada una de las pruebas, sus estrategias, aplicaciones a usar e integrantes encargados de cada una de ellas
-Colocar imágenes de logos de empresas.
-Adaptar los espacios para la inserción de cada categoría.
-Colocar chechbox para filtrar la búsqueda de los productos.
-Colocar una escala de precio que funcione como filtro.
Reutilizando el código del carrito de compras desplegable integrarlo al icon de lista de deseos del header-nav, quitando algunos valores como el botón de verificar, precio total y cambiar el botón de ver carrito a ver lista de deseos
Mostrar algo similar a esto, pero para el otro icon:
Para la creación de la vista se puede también reutilizar el código de la vista de carrito-compras, quitando algunos valores de la tabla que no son tan necesarios de mostrar
-Crear el contenedor que tendrá los siguientes apartados.
--barra de navegación con items
---Inicio
---Tienda
---Libros
---Registro
---Login
---icon de favoritos
---icon de carrito de compra
---total (de acuerdo a los productos en la lista del carrito de compras)
--categorías (desplegable)
--buscador
---icon de lupa
---input
---botón de "buscar"
-Insertar el seguimiento de la página en la que se encuentra.
-Designar los espacios para insertar los siguientes apartados.
--título de la sección
--icon al lado derecho del título de la sección
--Crear espacio para producto en oferta
---colocar text "La oferta termina en"
---temporizador
---imagen
---descripción
--Crear tarjetas para mostrar el resto de los productos
---imagen
---descripción
-Adaptar los espacios para colocar las tarjetas.
-Insertar el espacio para la inserción de imágenes.
-Debajo de cada imagen colocar una breve descripción.
-Colocar una lista desplegable para mostrar las opciones de visualización de los productos.
-Insertar el seguimiento de la página en la que se encuentra.
-Implementar input para insertar los cupones.
-botón para validar código.
-mostrar los precios
-Incorporar botón al final del resumen del pedido.
-Colocar algunos logos de editoriales.
-Corregir los enlaces de cada vista, que se modificaran cuando cambies el orden de los archivos
Integrare el espacio para aquel libro en oferta visto en el index
-se creara una pagina de blog para el sitio Stose
Editar las vistas de nuestrro README tanto para la version en español e ingles
-Dar una pequeña descripción al lado derecho de las imágenes acerca del producto.
-insertar texto "Unete a Stose"
-insertar subtexto "Coloca tu correo y enterate de grandes ofertas especiales."
-espacios para colocar su correo
--icon de correo
--input mostrando un texto "Su correo electrónico"
--botón de "Registrar"
-Refactorizar
-Ordenar
-Insertar o quitar codigo innecesario en mejoria de la misma vista
-Se debe mostrar los siguientes encabezados
--el articulo
--descripción
--precio
--cantidad (botón para sumar y restar el número mostrado)
--subtotal
--botón para cancelar
Reutilizar el header y footer
Se tiene que respetar la paleta de colores que manejamos hasta el momento
Contar con texto referente a nosotros como empresa
Adaptarlo a las demás vistas
-Designar los espacios para insertar los siguientes apartados.
--título de la sección
--icon al lado derecho del título de la sección
--text linkeado "Ver más"
--icon de una flecha al lado derecho del text
--crear tarjetas para mostrar el resto de los productos
---imagen
---descripción
-Insertar debajo de la ruta una breve descripción del contenido de esta página
-Organizar los temas a mostrar
--ayuda y contacto
--categorias de libros
--información de pago
--sobre nosotros
-logo
-redes sociales
--icon de twitter
--icon de facebook
--icon de instagram
--icon de linkedin
--icon de youtube
-copyright
-Debajo de la descripción colocar icons de suma y resta donde el número mostrado cambie.
-Sección de unos productos relacionados.
--imagen del producto
--descripción
-Insertar inputs para los siguientes campos.
--correo electrónico
--primer nombre
--apellidos
--dirección
--ciudad
--estado/provincia
--zip/código postal
--número de teléfono
--notas del pedido
-Incorporar botón al final del resumen del pedido.
-Colocar un checkbox para crear una cuenta.
Compartir todos los recursos que encuentren referente a la realizacion de esta tarea con Java y MySQL
-Insertar el seguimiento de la página en la que se encuentra.
Insertar el seguimiento de la página en la que se encuentra.
Revisare el codigo y editare los campos que crea necesario
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.