Skip to content

FeliGuell/challenge-one-ecommerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Challenge ONE | Front-End | E-commerce


🖥️ Descripción del Proyecto:

Consiste en el desarrollo Front-End de un e-commerce, tienda AluraGeek, en donde se pueden administrar los productos y contactarse mediante un formulario.


🔨Funcionalidades del proyecto

  • Funcionalidad 1:Sistema de autenticación de usuario para que solo los administradores puedan manipular los productos publicados;
  • Funcionalidad 2:Permite crear, editar y eliminar un producto;
  • Funcionalidad 3:Puede ingresar a cada producto para visualizarlo con todas sus características.
  • Funcionalidad 4:Cuenta con una barra de busqueda para los productos.
  • Funcionalidad 5:Al final de cada página puede rellenar un formulario para contactarse.

DEMO:

https://www.linkedin.com/posts/feliguellweb_muestro-un-proyecto-realizado-a-partir-activity-6986045124560490497-vXVf?utm_source=share&utm_medium=member_desktop


🖥️ Tecnologías Utilizadas:

  • Json Server
  • CSS Flexbox
  • CSS Grid
  • Layouts Resposivos
  • HTML
  • Javascript: -> CRUD -> Manipulación al DOM -> LocalStorage -> Validación de formularios


⚠️ Importante! ⚠️

Recomiendo usar el editor Visual Studio Code para poder ejecutar el proyecto

Debe tener instalado Node.js para poder instalar la librería utilizada

Con Json Server se simula una API para poder manipular un archivo json(db.json) que funciona como si fuera una base de datos


⬇️ Download

1 - Descargue o clone el repositorio
2 - Instalar en alguna terminal de Visual Studio Code u otro IDE, la siguiente librería npm install -g json-server
3 - Ejecutar en la terminal json-server --watch db.json
4 - Por último abrir screens/home.html con Live Server
5 - Debería quedarte una ruta como esta: http://127.0.0.1:5500/screens/home.html


Demostración

Captura de pantalla

Captura de pantalla_18-6-2024_132459_127 0 0 1 Captura de pantalla_18-6-2024_132551_127 0 0 1 Captura de pantalla_18-6-2024_132617_127 0 0 1