/Adalab-project-promo-o-module-4-team-8

Primary LanguageJavaScript

Proyecto módulo 3 y 4: Truthy && the Booleans

Proyecto realizado para el tercer y cuarto módulo del bootcamp de Adalab.

En este proyecto se nos ha facilitado un proyecto realizado por otras compañeras, lo hemos pasado a React y hemos desarrollado nuestro primer servidor web.

Proyecto heredado: Truthy && the Booleans

Componentes:

Kanban de nuestro proyecto

React 🚀

Estudiamos el proyecto heredado, lo analizamos e hicimos los ajustes necesarios para adaptarlo a React:

  • Migramos el proyecto heredado de nuestras compañeras.
  • Dividimos la aplicación en componentes y utilizamos props y lifting para utilizar sus propiedades en componentes hijas.
  • Implementamos la funcionalidad del formulario (paletas, campos del formulario, preview, paletas, desplegables y botón de reset) utilizando las variables estado de React y vigilamos cambios con las interacciones de la usuaria.
  • Actualizamos el componente de la imagen.
  • Implementamos el Local Storage.
  • Realizamos una petición al servidor para publicar nuestra tarjeta e incluimos la funcionalidad de compartir en Twitter.
  • Utilizamos Router para cargar nuestra landing.

Node JS 💻

Tras finalizar nuestra aplicación en React, creamos un servidor para poder personalizar su respuesta:

  • Utilizamos librerías para facilitar la implementación del back-end. 1
  • Creamos una API para poder crear las tarjetas y un endpoint para poder acceder a ellas.
  • Realizamos comprobaciones sobre la información recibida y enviamos una respuesta al front.
  • Creamos un servidor de estáticos para el front y sus estilos.
  • Creamos un motor de plantillas para las tarjetas creadas.
  • Guardamos las tarjetas en una base de datos (SQLite). Esta información se puede recuperar para volver a verla.

Footnotes

  1. Express JS y cors para montar un servidor, uuid para crear identificadores únicos para nuestra base de datos, EJS para la plantilla de nuestras tarjetas ↩