Giter Club home page Giter Club logo

adalab-project-promo-o-module-4-team-8's Introduction

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

adalab-project-promo-o-module-4-team-8's People

Contributors

icoliz avatar mireiasuefra avatar noeliaph avatar pauladelavictoria avatar rociodols avatar

adalab-project-promo-o-module-4-team-8's Issues

Working Agreement

  • Establecer horario daily
  • Definir cómo se toman las decisiones el equipo
  • Definir quién es la SCRUM master cada sprint:
    Sprint1 - Mireia
  • Definir canales de comunicación
  • Definir horarios de trabajo/coordinación fuera del horario presencial de Adalab
  • Establecer cómo se trabajará en el proyecto: individualmente, por parejas, en equipo...
  • Definir cómo se compartirán los aprendizajes del proyecto entre los miembros del equipo
  • Establecer actividades que fortalezcan el teambuilding
  • Buscar eventos y asistir juntas como mínimo a un evento tecnológico por módulo
  • Preparar la presentación final del proyecto

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.