Skip to content

ManuelLus7/reactjsentregafinal.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About Me:

Curso: Reactjs
Alumno: Lus, Manuel
Comisión: 43265

🌐 Socials:

Instagram

💻 Tech Stack:

CSS3 HTML5 Vercel

Sobre el proyecto

La Consigna fue crear un E-Commerce, desarrollando su flujo, funcionalidades e interfaz de usuario. No se evaluó el desarrollo del estilo.

Este proyecto es un comercio electrónico de Indumentaria y Calzado, llamado Wotton.arg.

Tecnologías implementadas

En este comercio electrónico, encontrará que la estructura base se creó en torno a React.js con un uso adicional de Javascript. No obstante, se utilizaron otras tecnologías, como CSS3, Bootstrap para estilos adicionales, Git para el control de versiones y Firebase para el almacenamiento de datos.

  • A continuación, aquí hay una lista del uso específico que se le dio a cada herramienta:

React.js

  • Estructura principal del proyecto, construido orientado a componentes y con un flujo de trabajo de aplicación de una sola página.
  • Hooks para guardar y actualizar datos (useState y useEffect).
  • Uso de Contexto para un mejor y más específico y optimizado manejo de DOM.
  • Navegabilidad a través de dependencias react-router-dom.

JavaScript

  • Definición de variables para su posterior uso en la citada estructura.

CSS3, Bootstrap

  • Bootstrap: estilos predefinidos para diseños de cuadrícula y flexibles, así como componentes básicos de HTML5 (por ejemplo, botones).

Firebase

  • Almacenamiento de datos (productos y órdenes de compra).

Git

  • Control de versiones y envío de confirmación (al repositorio remoto de GitHub).

Dependencias y Gestión de Paquetes

Para fines de gestión de paquetes, la herramienta seleccionada para su uso fue npm.js. En cuanto a las dependencias, este proyecto tiene solo 3:

  • react, que se instala automáticamente a través del comando create-react-app ejecutado en la consola al crear la plantilla para el proyecto.
  • react-router-dom, utilizado con fines de navegabilidad y mencionado anteriormente en la sección React.js de Tecnologías implementadas.
  • firebase, que se usa con fines de almacenamiento y se requiere para la implementación adecuada de Firestore.

Resumen

Habiendo especificado de qué se trata el proyecto, cuál era su propósito y enumerando todas las herramientas utilizadas para desarrollarlo, ¡me gustaria que lo revisen! y quedo a la espera de Sus Devoluciones.- Muchas Gracias