CristinaFores / shop

Shop

🛒 App Shop

Este proyecto es una aplicación de comercio electrónico construida utilizando React, Next.js y Typescript. La aplicación cuenta con una serie de componentes, contextos y hooks diseñados para gestionar el carrito de compras, filtrar productos y cambiar el tema de la aplicación.

🧩Componentes

• Cart: muestra y gestiona el carrito de compras del usuario
• Filters: permite al usuario filtrar los productos por categoría y precio mínimo
• Header: componente de encabezado que incluye el logotipo, el ícono del carrito y el botón de cambio de tema
• Icons: contiene los íconos utilizados en la aplicación
• ProductList: muestra la lista de productos disponibles
• Toggle: componente para cambiar el tema de la aplicación

🌐 Contextos

• cartContext Este contexto proporciona un estado global para el carrito de compras del usuario. Los componentes pueden utilizar este contexto para agregar o eliminar productos del carrito.

• filtersContext Este contexto proporciona un estado global para los filtros de productos. Los componentes pueden utilizar este contexto para aplicar o eliminar filtros.

• themeContext Este contexto proporciona un estado global para el tema de la aplicación. Los componentes pueden utilizar este contexto para cambiar entre temas.

💫Getting Started

Clone the repo

git clone https://github.com/CristinaFores/cart

Install NPM packages

npm install

Run the project

npm start

• Then, open http://localhost:3000

🎨Screenshots

       

       

💻 Stack

• Next.js
• React.js
• TypeScript