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.
- Node - Versión 16.16.0
- NPM - Versión 8.11.0
- 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
- 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
.
- 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.
- 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.
- Se añadió el id del registro en la ruta de las imágenes en la fila img_ruta.
- 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.
- 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_
- 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.
- Correción de la propiedad auto incremental de la columna id.
- Correción de los README.
- Depuración de los controladores de Planta.
- Eliminación de las columnas createdAt y updateAt.
- Creación de la columna precio
- Adición de la carpeta /maquetación en el directorio /front-react.
- 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.
- 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.
- 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.
- Creación de la base de datos Plantae.
- Creación de la tabla Plantas.
Subida inicial de los archivos al repositorio.