microverse HTML CSS capstone project online shop for electronics

Tienda en línea (página de índice y búsqueda) - Tiempo construido 16 horas

Este es un proyecto Capstone/Exam para el módulo de microverse HTML/CSS. Es un sitio web de manualidades (Handmades) utilizando HTML, CSS3/SCSS, Bootstrap y Font Awesome.

Mire una presentación en video del proyecto aquí. El sitio web está construido con esta maqueta

Captura de pantalla de la página de índice

Captura de pantalla de la página de búsqueda

El proyecto se construye utilizando HTML y CSS/SCSS con un uso extensivo de las propetidas de la red y flexiones. Utilicé toda la funcionalidad del núcleo SCSS: variables, mezclas y funciones de color.

Construido con

• Html
• CSS3/SCSS
• Oreja
• Iconos impresionantes de fuente
• Linters webhint/stylelint
• Scripts de NPM para probar y ejecutar los cambios SCSS

Puede consultar el flujo de trabajo que uso al crear sitios web leyendo mi artículo mediano Organice sus archivos HTML y CSS como un Pro

Demostración en vivo

Página de índice de demostración en vivo

Página de búsqueda de demostración en vivo

(También puede navegar entre páginas utilizando los enlaces de navegación y el formulario de búsqueda).

Para obtener una copia local y en ejecución, siga estos simples pasos de ejemplo.

Configuración

Clone el proyecto localmente.

Treñeras

1. Ejecute npm install .
2. Ejecute npm run test para verificar los archivos HTML y CSS.
3. Ejecute npm run watch para comenzar a observar los cambios SCSS.

Despliegue

Instale y ejecute un complemento de servidor en vivo en su editor IDE/Text y ejecutarlo desde el directorio raíz.

Mejoras futuras

Agregue un backend a la página

Autores

? Cristian Viorel Ceamatu

• Correo electrónico: [email protected]
• GitHub: https://github.com/cristiancEamatu
• Twitter: https://twitter.com/cristiANCeamatu
• LinkedIn: https://www.linkedin.com/in/ceamatu-cristian/

Muestra tu apoyo

¡Dale un ️ si te gusta este proyecto!

Licencia

Este proyecto tiene licencia MIT.