Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jorgerosbel/fakestore
Este proyecto es una tienda en línea ficticia basada en la Fake API de Platzi. He desarrollado la aplicación utilizando tecnologías modernas como React para la construcción de la interfaz de usuario, TailwindCSS para el diseño y estilos, y Zustand para el control de estados.
https://github.com/jorgerosbel/fakestore
fetch-api react react-icons react-infinite-scroll-component react-query react-router tailwindcss zustand
Last synced: about 1 month ago
JSON representation
Este proyecto es una tienda en línea ficticia basada en la Fake API de Platzi. He desarrollado la aplicación utilizando tecnologías modernas como React para la construcción de la interfaz de usuario, TailwindCSS para el diseño y estilos, y Zustand para el control de estados.
- Host: GitHub
- URL: https://github.com/jorgerosbel/fakestore
- Owner: JorgeRosbel
- Created: 2024-10-17T05:35:53.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T05:36:32.000Z (3 months ago)
- Last Synced: 2024-10-24T21:57:24.846Z (3 months ago)
- Topics: fetch-api, react, react-icons, react-infinite-scroll-component, react-query, react-router, tailwindcss, zustand
- Language: TypeScript
- Homepage: https://jorgerosbel.github.io/fakestore/
- Size: 2.93 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fake Store
Este proyecto es una tienda en línea ficticia basada en la Fake API de Platzi. He desarrollado la aplicación utilizando tecnologías modernas como React para la construcción de la interfaz de usuario, TailwindCSS para el diseño y estilos, y Zustand para el control de estados. Además, empleo React Query para la gestión de datos y sincronización del estado del servidor.
## Características
- **Interfaz de Usuario con React**: He construido la aplicación con React, lo que permite una experiencia de usuario dinámica y reactiva.
- **Estilos con TailwindCSS**: Utilizo TailwindCSS para diseñar una interfaz atractiva y moderna, con un enfoque en la personalización y la facilidad de uso.
- **Gestión de Estado con Zustand**: Zustand se encarga del control de estados, proporcionando una solución simple y escalable para manejar el estado global de la aplicación.
- **Gestión de Datos con React Query**: React Query facilita la obtención, almacenamiento en caché y sincronización de datos del servidor, mejorando el rendimiento y la experiencia del usuario.
- **Paginación e Infinite Scroll**: He implementado paginación e infinite scroll para una navegación fluida y eficiente a través de los productos disponibles en la tienda.
## Descripción
Fake Store es una aplicación diseñada para simular una tienda en línea, permitiendo a los usuarios explorar productos, ver detalles y agregar artículos al carrito de compras. La aplicación se conecta a la Fake API de Platzi para obtener datos de productos, categorías y más.
## Instalación
Para instalar y ejecutar este proyecto en tu entorno local, sigue los siguientes pasos:
1. **Clona el repositorio**:
```bash
git clone https://github.com/JorgeRosbel/fakestore.git
```
2. **Navega al directorio del proyecto**:
```bash
cd fakestore
```
3. **Instala las dependencias**:
```bash
npm install
```
4. **Ejecuta la aplicación**:
```bash
npm run dev
```
5. **Abre tu navegador y visita**:
```
http://localhost:5173
```
Esto iniciará la aplicación en modo de desarrollo y podrás ver la tienda en línea en tu navegador.
## Contribuir al Proyecto
Aprecio cualquier tipo de contribución, ya sea reportando errores, sugiriendo nuevas características, mejorando la documentación o contribuyendo con código. A continuación, detallo los pasos para contribuir al proyecto:
### 1. Haz un Fork del Repositorio
Haz un fork del repositorio en GitHub para crear una copia del proyecto en tu cuenta.
### 2. Clona tu Fork
Clona tu fork en tu máquina local para empezar a trabajar en él.
### 3. Crea una Rama
Crea una nueva rama para trabajar en tu contribución. Es recomendable que el nombre de la rama refleje el propósito de la misma:
```bash
git checkout -b nombre-de-tu-rama
```
### 4. Realiza tus Cambios
Realiza los cambios necesarios en el código. Asegúrate de seguir las convenciones de estilo y de código del proyecto.
### 5. Realiza Commits de tus Cambios
Realiza commits de tus cambios con mensajes claros y descriptivos:
```bash
git commit -m "Descripción clara de los cambios"
```
### 6. Sube tus Cambios a GitHub
Sube tus cambios a tu fork en GitHub:
```bash
git push origin nombre-de-tu-rama
```
### 7. Crea un Pull Request
Desde tu fork en GitHub, abre un Pull Request hacia el repositorio original. Asegúrate de describir claramente los cambios y el propósito del Pull Request.
### 8. Revisión y Feedback
Espera la revisión de tu Pull Request. Puede que recibas feedback o solicitudes de cambios. Realiza los cambios necesarios y actualiza el Pull Request.
Gracias por contribuir a Fake Store. ¡Tu ayuda es muy apreciada!