Este repositorio contiene el proyecto del grupo 5 correspondiente al módulo 4 de la promoción Salas del BootCamp Web Programming de Adalab.
En este proyecto se pide la realización de una aplicación web que nos permita crear una página para mostrar un proyecto personal o un planteamiento que resulte interesante.
En la página web se podrán introducir datos personales y profesionales, obtener una vista maquetada con la información y te permitirá crear una tarjeta de proyecto totalmente personalizada.
-
Saber identificar y generar los componentes de una página, separarlos y crear componentes visualmente similares a partir de estos.
-
Aprender a usar React para crear una aplicación web.
-
Consolidar el aprendizaje de las tecnologías Node JS y Express JS para aprender a escuchar peticiones desde los navegadores.
-
Consolidar el aprendizaje de MYSQL para trabajar con bases de datos y guardar información 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 poner en producción un proyecto completo: front end + back end.
-
Aprender a buscar información en la documentación de librerías externas.
-
Implementar Scrum como marco de referencia para el desarrollo del producto, basándonos siempre en los valores de Agile como puntos clave del trabajo en equipo y la mejora continua.
-
Mejorar la comunicación entre los miembros del equipo.
-
Mejorar las habilidades de comunicación en público al exponer el proyecto en la sesión final.
En el desarrollo de esta aplicación web, programemos tanto backend como frontend y usaremos las siguientes tecnologías:
-
Uso de SASS / SCSS para los estilos.
-
Uso de mediaqueries para que el diseño sea adaptable al dispositivo.
-
Uso de React para la estructuración en componentes de la aplicación.
-
Desarrollo usando la estrategia Mobile First.
-
Uso de git para el control de versiones del proyecto, con ramas y pull-requests para revisar los cambios de las compañeras.
-
Desarrollo de aplicaciones con NODE JS.
-
Usaremos el framework Express JS para escuchar, procesar y responder las peticiones que se hacen desde una web.
-
Base de datos SQL, usando la interfaz gráfica MYSQL WORKBENCH.
-
Uso de FreeDB como alojamiento de base de datos MySql.
-
Herramienta POSTMAN para permitir hacer cualquier petición a un servidor.
-
Servidores estáticos y dinámicos.
-
Uso de la plataforma en la nube RENDER para desplegar nuestra aplicación.
La aplicación debe permitir a la usuaria introducir la información en un formulario y que este texto se muestre maquetado automáticamente en un cuadro similar a una tarjeta con información del proyecto.
La tarjeta del proyecto deberá tener los siguientes campos:
- Nombre del proyecto.
- Slogan del proyecto.
- Tecnologías.
- Repo.
- Demo.
- Descripción.
- Nombre de la autora/o.
- Trabajo de la autora/o.
- Foto del autora/o.
- Foto del proyecto.
Respecto a la interacción con la web los requerimientos son:
-
Los campos deberán tener restricciones para su formato indicado.
-
Las modificaciones que hacemos en el formulario (diseño y contenido), aparecen automáticamente en la vista previa de la tarjeta del proyecto.
-
Toda la información del formulario debe almacenarse en localStorage, de forma que al recargar la página siga disponible.
-
Al hacer clic en el botón de "Crear Tarjeta" enviaremos el formulario a un API que devolverá la URL de una web, con la tarjeta de visita con la información rellena.
-
Mostraremos esta URL para que el usuario verifique si la tarjeta está bien definida.
En la realización de este proyecto han participado: