Skip to content
/ Plantae Public

Tienda en línea de plantas en React + Express

Notifications You must be signed in to change notification settings

GJZ26/Plantae

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Plantae

Un página para la venta de platas en línea escrito en React + Express + MySQL.

Instalación

Esta página consta de dos proyectos que servirá de backend y frontend. Mira en la sección de requisitos para conocer las dependencias necesarias para ser ejecutadas.

Requisitos

Generales

  • Node - Versión 16.16.0
  • NPM - Versión 8.11.0

back-express/

  • Express - Versión 4.18.1 o superior
  • Cors - Versión 2.8.5 o superior
  • Mysql - Versión 2.18.1 o superior
  • Nodemon - Versión 2.0.19 o superior
  • Path - Versión 0.12.7

front-react/

  • React - Versión 18.2.0 o superior
  • Axios - Versión 0.27.2
  • React Router Dom - Versión 6.3.0 o superior

Al tener las dependencias correctamente instaladas, podrás ejecutar el proyecto dentro del directorio back-express/ con npx nodemon app para encender el servidor backend.

Nota: Es importante que tengas activado el módulo de mysql para poder acceder a la base de datos.

Para ejecutar el servidor para frontend, deberá ejecutar el siguiente comando en el directorio front-react/: npm start.


Change Log

20 de Julio 2022

Versión 0.0.0a6:

Frontend
  • Creación del componente CreateNewPlant, el cualse accede a través de la ruta /create (Funcional).
  • Creación de la hoja de estilo createPlants.css.
  • Creación de la carpeta /imagenes dentro del directorio /maquetación.
Backend
  • Se renombraron los archivos del directorio /static/images/, para que coincida con la modificación en la base de datos.
  • Se crearon los controladores para eliminar, actualizar y crear registros en la tabla planta.
  • Correción de los mensajes de error en el documento conexion.js.
  • Creación de las rutas para eliminar, actualizar y crear registros.
  • Prueba a las API. Funcional.
Database
  • Se añadió el id del registro en la ruta de las imágenes en la fila img_ruta.

18 de Julio 2022

Versión 0.0.0a5:

Frontend
  • Ahora las cartas muestran las fotos de las plantas.
  • Se ha actualizado los estilos de las cartas de plantas del catálogo.
  • Se han eliminado los CDN de bootstrap del archivo index.html.
  • Se han eliminado comentarios inncesarios del archivo index.html.
  • Se ha creado el directorio /static/ dentro del directorio /src/ donde se almacenará los archivos de hojas de estilo.
  • Se ha creado la hoja de estilo card.css para el estilizado de las cartas del catálogo.
Backend
  • Se añadió la dependencia path.
  • Se creo un directorio /static/images/ que contendrá las imágenes que se alojarán en el servidor.
  • Se puede acceder a las imagenes del servidor desde http://localhost:9000/_nombre-de-la-imagen.jpg_

16 de Julio 2022

Versión 0.0.0a4:

Frontend
  • Creación del directorio /component dónde estarán guardados los componentes de react para la visualización del usuario.
  • Adición de los CDN de bootstrap en el archivo index.html para hacer diseños de pruebas.
  • Depuración de comentarios innecesarios del archivo App.js.
Database
  • Correción de la propiedad auto incremental de la columna id.

15 de Julio 2022

Versión 0.0.0a3:

General
  • Correción de los README.
Backend
  • Depuración de los controladores de Planta.
Database
  • Eliminación de las columnas createdAt y updateAt.
  • Creación de la columna precio

14 de Julio 2022

Versión 0.0.0a2:

Frontend
  • Adición de la carpeta /maquetación en el directorio /front-react.
Backend
  • Eliminación de las dependencias de Sequelize y MySQL2.
  • Adición de la dependencia de MySQL.
  • Re-adaptación de los controladores para la sintaxis de MySQL.

11 de Julio 2022

Versión 0.0.0a1:

General
  • Creación de la carpeta databases/ que contendrá los script necesarios para crear la base de datos.
  • Cambio en la estrutura de la sección Change Log.
Backend
  • Creación de los controladores.
  • Creación de la conexión a la base de datos.
  • Creación de los modelos necesarios para manejar los datos para el catálogo de plantas.
  • Creación de los controladores de para consultar las plantas en la base de datos.
Databases
  • Creación de la base de datos Plantae.
  • Creación de la tabla Plantas.

10 de Julio 2022

Versión 0.0.0:

General

Subida inicial de los archivos al repositorio.

About

Tienda en línea de plantas en React + Express

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published