Skip to content

This is our group project for Adalab sprint 2. Create your own profile card and share it with your friends in Twitter! :)

License

Notifications You must be signed in to change notification settings

aroatdlt/easley-s2-flex-and-the-city

Repository files navigation

Somos las Flex and the City y hemos creado con cariño y esfuerzo este proyecto entre:

Joana Jiménez, Laura Santiago, Inma Salcedo, Laura Ferrando y Aroa Tato

Ha sido nuestro primer proyecto con Javascript, añadiendo los conocimientos aprendidos en nuestro día a día en Adalab. El proyecto consta de dos páginas: una página de bienvenida y una página con una aplicación para crear tarjetas profesionales que puedas compartir fácilmente en las redes sociales.

Para ello, hemos usado el

Adalab web starter kit

que podéis encontrar en https://github.com/Adalab/Adalab-web-starter-kit, con la explicación detallada de lo que contiene.

Para hacer funcionar nuestra web, hay que seguir los siguientes pasos:

  • Permitir al usuario elegir el estilo de la tarjeta, eligiendo paleta de colores y tipografía.
  • Permitir al usuario que, mediante la introducción de información en un formulario, este texto se muestre maquetado automáticamente en un cuadro similar a una tarjeta de visita, que será la muestra del resultado final.
  • Permitir que el usuario pueda compartir su tarjeta de visita por Twitter.

Y para hacer funcionar todo esto, tuvimos que seguir las siguientes especificaciones:

  • Uso avanzado de formularios HTML.
  • Maquetación usando CSS avanzado, como flex y grid.
  • Uso de mediaqueries para que el diseño sea adaptable al dispositivo usando la estrategia mobile first.
  • Gestión de eventos en el navegador (al hacer click, pasa x, etc.).
  • Acceso y envío de datos en Internet mediante peticiones al servidor.
  • Almacenamiento en local usando LocalStorage.
  • Uso de git para el control de versiones del proyecto.
  • Publicación del resultado en Internet usando GitHub pages.

About

This is our group project for Adalab sprint 2. Create your own profile card and share it with your friends in Twitter! :)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published