https://github.com/victorwcv/bc56-frontend-react-ntt
https://github.com/victorwcv/bc56-frontend-react-ntt
css-modules html javascript react typescript vite vitest
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/victorwcv/bc56-frontend-react-ntt
- Owner: victorwcv
- License: mit
- Created: 2024-10-03T13:49:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-31T02:02:13.000Z (over 1 year ago)
- Last Synced: 2024-12-28T00:23:11.730Z (over 1 year ago)
- Topics: css-modules, html, javascript, react, typescript, vite, vitest
- Language: TypeScript
- Homepage:
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# My Market
## Descripción
**My Market** es una plataforma de comercio electrónico desarrollada como proyecto final del bootcamp REACT. Este proyecto implementa un carrito de compras completo, con funcionalidades avanzadas como paginación y autenticación, evolucionando desde **Vanilla JavaScript** hasta **React con TypeScript**. El desarrollo se divide en varias fases, cada una gestionada en una rama específica del repositorio.
## Tabla de Contenidos
- [Descripción](#descripción)
- [Estructura del Proyecto](#estructura-del-proyecto)
- [Documentación por Fase](#documentacion-por-fase)
- [Fases del Proyecto](#fases-del-proyecto)
- [Tecnologías Utilizadas](#tecnologías-utilizadas)
- [Instalación](#instalación)
- [Licencia](#licencia)
## Estructura del Proyecto
El proyecto está dividido en varias fases, cada una desarrollada en una rama separada para mantener un flujo de trabajo organizado y facilitar el seguimiento del progreso.
## Fases del Proyecto
1. **Diseño y Estilos** (`feature/design-and-styles`)
- Creación del diseño inicial y estilos básicos utilizando CSS.
2. **JavaScript** (`feature/javascript`)
- Implementación de funcionalidades básicas con Vanilla JavaScript.
3. **TypeScript** (`feature/typescript`)
- Migración del código JavaScript a TypeScript para mejorar la tipificación y la mantenibilidad.
4. **React Fundamentos** (`feature/react-foundations`)
- Introducción a React y creación de componentes básicos.
5. **React Implementación** (`feature/react-implementation`)
- Desarrollo avanzado con React, integración de estados y props.
6. **Pruebas Unitarias** (`feature/unit-tests`)
- Implementación de pruebas unitarias para asegurar la calidad del código.
7. **Proyecto Integrador** (`feature/integrative-project`)
- Integración de todas las funcionalidades para el funcionamiento completo del market, incluyendo paginación, autenticación y más.
## Documentacion por Fase
Cada fase del proyecto tiene su propio archivo `README.md`, ubicado en la rama correspondiente. Este archivo documenta:
- Las decisiones técnicas tomadas durante esa fase.
- Los problemas enfrentados y cómo se resolvieron.
- Instrucciones específicas para probar o entender esa etapa del desarrollo.
Puedes acceder a la documentación detallada de cada fase cambiando de rama:
```bash
git checkout feature/nombre-de-la-rama
```
Por ejemplo, para la fase de React Fundations:
```bash
git checkout feature/react-foundations
```
## Tecnologías Utilizadas
- **Lenguajes:** JavaScript, TypeScript
- **Librerías y Frameworks:** React
- **Herramientas de Estilo:** CSS
- **Control de Versiones:** Git, GitHub
- **Pruebas:** Jest (u otra herramienta de pruebas unitarias)
- **Otros:** Principios SOLID, herramientas de desarrollo modernas
## Instalación
1. **Clonar el repositorio:**
```bash
git clone https://github.com/victorwcv/BC56-FRONTEND-REACT-NTT.git
```
2. **Navegar al directorio del proyecto:**
```bash
cd BC56-FRONTEND-REACT-NTT
```
3. **Instalar dependencias**
```bash
npm install
```
4. **Iniciar el proyecto**
```bash
npm run dev
```
5. **Abrir el Navegador en el puerto especificado**
http://localhost:5173/
## Licencia
Este proyecto está licenciado bajo la Licencia MIT. Para más detalles, consulta el archivo [LICENSE](./LICENSE).