En este proyecto hemos desarrollado nuestro primer servidor web. Durante el módulo 3 desarrollamos una web con React y el código heredado de nuestras compañeras Booleanas, que estaba programado con JavaScript. Nosotras lo refactorizamos utilizando React, separando los componentes de la página e intentando conseguir un resultado visualmente idéntico al de las compañeras. Este es el enlace a ese repositorio del módulo 3.
Nuestros objetivos en el módulo 4 han sido:
- Consolidar el aprendizaje de las tecnologías Node JS y Express JS para aprender a escuchar peticiones desde los navegadores.
- Consolidar el aprendizaje de SQL para trabajar con bases de datos y guardar los datos de las usuarias de forma persistente.
- Consolidar el aprendizaje de API Rest para saber cómo estructurar y organizar las comunicaciones entre un navegador y un servidor de forma óptima.
- Ser capaces de realizar un proyecto web completo, sin necesidad de solicitar ayuda a ningún otro equipo de desarrollo.
- Ser capaces de poner en producción un proyecto completo: frontend + backend.
- Mejorar la comunicación entre los miembros del equipo y con otros equipos de desarrollo.
Puedes ver el resultado final haciendo clic aquí ⬅️ o arriba, en el enlace de la sección About ⬆️.
Código heredado fue maquetado y desarrollado con HTML, SCSS y JavaScript.
El desarrollo del frontend se refactorizó con React Router DOM versión 5.
La comunicación con el servidor está hecha con NodeJS y la base de datos está montada en SQLite. Para poder hacer peticiones a la base de datos utilizamos Better SQLite y para el servidor de ficheros dinámicos el motor de plantillas de EJS. Como servidor de producción hemos utilizado Heroku.
Además del uso del control de versiones con Git a través de la terminal y la planificación del proyecto bajo el marco de trabajo Scrum, utilizando el kanban de GitHub Projects y comunicándonos con Slack y Zoom.
Necesitarás tener instalado Node.js, y una vez descargado o clonado el proyecto:
git clone https://github.com/Adalab/project-promo-p-module-4-team-5.git
e instaladas las dependencias locales con
npm install
puedes arrancar el proyecto con el script
npm start