¡Bienvenido/a a mi repositorio de proyectos de React! Aquí encontrarás una colección de mis trabajos y ejercicios del curso de programación de Talento Tech ReactJS.
Este repositorio sirve como un portafolio de mis habilidades en desarrollo front-end con React.
Para mantener un orden claro y modular, cada ejercicio se encuentra en una carpeta independiente dentro del directorio raíz. Esta estructura permite trabajar en un proyecto a la vez y facilita la navegación para cualquier persona que visite el repositorio.
- Tecnologías Utilizadas
- Instalacion y creación de proyectos en vite
- Crear Proyecto vite en VS Code
- Extensiones para React VS Code
- Subir proyecto a GitHub
- Guía MarkDown
- Cómo Usar estos Proyectos
- Eventos en React y CamelCase
- Props
- Página html con paleta de colores de mi ejercicio 4
- Ejercicio-01: Lista de Usuarios y Componentes Básicos
- Descripción: Un proyecto inicial centrado en los fundamentos de React. Incluye la creación y composición de componentes, el uso de props y el manejo de estilos. (ver consigna.md)
- Ejercicio-02: Array y Componente Tarjeta
- Descripción: Crea un componente que reciba un array de productos como prop y los muestre en una lista ordenada, y un componente Tarjeta que reciba props para mostrar un título, una descripción y un botón personalizado. (ver consigna.md)
- Ejercicio-03: reutilizar componentes, manejar props y diseñar interfaces dinámicas
- Descripción: Crea 3 componente: 1, con un array de equipo desarrollo, otro con proyectos destacados, y otro para elegir intereses, reutilizacion de componentes vistos, organizacion modular y hooks. (ver consigna.md) **Éste ejercicio fue desplegado en GitHubPages en Ejercicio-03
- Ejercicio-04: Crear carrito compra
- Descripción: Tu tarea inicia crear una aplicación que permita a los usuarios agregar productos a un carrito de compras y visualizar la lista de productos seleccionados. (ver consigna.md)
- Todos los Cuestionarios:
- Carpeta Principal con todos los Ejercicios en distintas carpetas indicando el nro de ejercicio, 01,02...
- Cuestionario Inicial:
- Primer Cuestionario "Introducción"
- Cuestionario Clase-02 React:
- Cuestionario "Clase-02 React - Habilita Clase-03 y Clase-04"
- Cuestionario Clase-04 React:
- Cuestionario "Clase-04 React - Habilita Clase-05 y Clase-06"
- Cuestionario Clase-06 React: En Proceso - Aun no subido**
- Cuestionario "Clase-06 React - Habilita Clase-07 y Clase-08"
- Cuestionario Clase-08 React: En Proceso - Aun no subido**
- Cuestionario "Clase-08 React - Habilita Pre-Entrega Proyecto, Clase-09 y Clase-10"
- Cuestionario Clase-10 React: En Proceso - Aun no subido**
- Cuestionario "Clase-10 React - Habilita Clase-11 y Clase-12"
- Cuestionario Clase-12 React: En Proceso - Aun no subido**
- Cuestionario "Clase-12 React - Habilita Clase-13 y Clase-14"
- Cuestionario Clase-14 React: En Proceso - Aun no subido**
- Cuestionario "Clase-14 React - Habilita Clase-15 y Clase-16"
- React: Biblioteca de JavaScript para la construcción de interfaces de usuario.
- Vite: Herramienta de construcción para desarrollo front-end moderno.
- Git y GitHub: Control de versiones y alojamiento de repositorios.
- JavaScript: Lenguaje de programación principal.
Para ejecutar cualquiera de los proyectos en este repositorio, sigue estos sencillos pasos:
- Clona el repositorio: Abre tu terminal y clona este repositorio en tu máquina local.
git clone [https://github.com/tu_usuario/tu_repositorio.git](https://github.com/tu_usuario/tu_repositorio.git)
- Instala las dependencias: Navega a la carpeta del proyecto que quieras ejecutar (por ejemplo,
cd proyecto-uno) e instala las dependencias.npm install
- Inicia el servidor de desarrollo:
npm run dev
Una vez que el servidor esté en ejecución, abre tu navegador y visita http://localhost:5173 para ver el proyecto.