Sports Js

Tienda deportiva, proyecto educativo para coderhouse.

Tabla de contenidos

• About
• Tecnologías
• Funcionalidades
• Screenshots
• Desarrolladores

Sobre el proyecto construido:

Durante el curso de Javascript que realizé en la plataforma Coder House se planteó un desafio por clase con el fin de poder construir un proyecto final donde podamos explayar todo lo aprendido en el proceso. De tal manera decidí construir un ecommerce, sencillo, pero que pueda ser usado tanto por clientes como los administradores, habiendo creado una seccion exclusiva para estos útlimos.

Tecnologías implementadas

• Javascript (Vanilla)
• HTML5
• Tailwindcss
• DaisyUI (Libreria de componentes de tailwind)
• Vite
• Cloudinary (Almacenamiento de imágenes en la nube)
• MockAPI

Funcionalidades

El cliente es capaz de realizar las siguientes acciones

1. Filtrado rápido mediante la barra de búsqueda ubicada en la hero section.
2. Filtrado por categorías.
3. Agregar productos al carrito.
4. Quitar productos del carrito.
5. Vaciar el carrito por completo.
6. Realizar el checkout pudiendo editar el pedido una vez más.
7. Rellenar formulario con datos de envío.

El administrador es capaz de realizar las siguientes acciones

1. Iniciar sesión para acceder al panel de administración
2. Listar todos los productos disponibles
3. Agregar un producto nuevo
4. Editar un producto existente
5. Eliminar un producto
6. Subir imagenes alojadas en cualquier sitio local o remoto

Screenshots

Cliente / Público

Sección habilitada solo para Adminitradores

Desarrolladores

Clonar repositorio

git clone https://github.com/julianmartinez-dev/sportsJS.git

Instalar paquetes NPM

npm install

Desarrollo con Vite

Iniciar servidor de desarrollo, por defecto (localhost:3000)

npm run dev

Crear build

npm run build

Iniciar servidor de producción

npm run preview