Logo

Legacy Code - Profile cards

¡Hola! Este es nuestro proyecto final para los módulos 3 y 4 del bootcamp de programación full-stack de Adalab en el que hemos puesto en práctica los conocimientos adquiridos durante el tercer y cuarto módulo, centrados en React y Back-end.

Siguiendo la filosofía Agile hemos trabajado en equipo, construyendo una web en la que podréis crear tarjetas de visita personalizadas en formato online. Introduciendo vuestros datos profesionales obtendréis una vista maquetada de esa información y la podréis compartir, por ejemplo, en twitter.

Partiendo de un proyecto heredado que había sido desarollado en JavaScript, refactorizamos el código y lo adaptamos a React. También, realizamos la comunicación con el servidor 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.

¿Dónde verlo?

Heroku

Instalación y configuración

Requerimientos:

  • Necesitas tener node y npm instalados.

Clonar el repositorio

git clone URL

Instalar las dependencias

npm install

Ejecutar la aplicación

npm start

Desplegar el entorno de producción

npm run publish-react

React: Proyecto en equipo

Equipo de desarrollo

Autor

Autor

Autor

Autor

Stack tecnológico

  • Legacy code: HTML, SCSS y JavaScript
  • Front-end: React con React Router DOM versión 5
  • Back-end:
    • Node JS
    • BBDD: SQLite + Better SQLite
    • View Engine: EJS
  • Control de versiones con Git a través de la terminal
  • Automatización de la versión de producción con NodeJS
  • Planificación del proyecto bajo el marco de trabajo Scrum
    • Slack
    • GitHub Projects