Template of an ecommerce website.
Home Page: https://stose.vercel.app/
📚 I am currently studying at Institute Certus
🌱 I am currently in the race Software Design and Development
🏙 Creator of the Devs Community organization
👩💻 Participant in the ONE program of Oracle Latin America and Alura Latam
🌍 Participate in the Hacktoberfest 2022 - 2023
📫 How to reach me [email protected]
-Refactorizar
-Ordenar
-Insertar o quitar codigo innecesario en mejoria de la misma vista
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
-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
-se creara una pagina de blog para el sitio Stose
-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"
-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"
-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
Integrare el espacio para aquel libro en oferta visto en el index
-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 un botón para poder agregar un producto.
-Sección de unos productos relacionados.
--imagen del producto
--descripción
-Contenido desplegable.
-Agregar un icon a cada uno respectivo.
-Insertar un botón para redirigir hacia la página revisión de orden.
-Incorporar imágenes que se puedan desplegar.
--botón "comprar ahora"
--icons que sirvan de orden de imágenes
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
-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.
-Incorporar botón al final del resumen del pedido.
-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
-Dar una pequeña descripción al lado derecho de las imágenes acerca del producto.
-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.
-Insertar el seguimiento de la página en la que se encuentra.
-Colocar un espacio donde se mostrará el resumen del pedido.
-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
Crear las paginas web de facebook, twitter, etc y enlazarlos con el codigo para que los botones tengan funcion
Se colocará los espacios para la vista de revision de pedido.
Contará con los siguientes espacios, por la parte izquierda:
Por la parte derecha:
-Corregir los enlaces de cada vista, que se modificaran cuando cambies el orden de los archivos
-Debajo de la descripción colocar icons de suma y resta donde el número mostrado cambie.
-Implementar input para insertar los cupones.
-botón para validar código.
-mostrar los precios
Editar las vistas de nuestrro README tanto para la version en español e ingles
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.
Revisare el codigo y editare los campos que crea necesario
Insertar el seguimiento de la página en la que se encuentra.
-Colocar algunos logos de editoriales.
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
-Insertar debajo de la ruta una breve descripción del contenido de esta página
-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.
-Colocar imágenes de logos de empresas.
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
