AWESOME PROFILE CARDS

Proyecto fin de módulo 2 | Equipo 4Loops! 🚀

El ejercicio consiste en desarrollar una aplicación web de creación personalizada de tarjetas virtuales que se pueden compartir en Twitter .

¿ Quienes somos ? :

4Loops! lo componemos :

• Celia
• Laura
• María
• Romi

Herramientas utilizadas 🔧

Para el desarrollo de este ejercicio hemos utilizado la siguiente API que nos permite crear las tarjetas virtuales.

La web está basada en los siguientes lenguajes de programación:

• HTML
• CSS/SASS
• JavaScript

Estructura del proyecto 🏠

La estructura de carpetas es la siguiente:

/
`- _src
   |- assets
   |  |- icons
   |  |- images
   |  |- js
   |  |    `-01_loop
   |  |    `-02_preview
   |  |    `-03_form-design
   |  |    `-04_form-fill
   |  |    `-05_add-image
   |  |    `-06_camera-button
   |  |    `-07_form-share   
   |  |    `-08_erase-forms
   |  |    `-main
   |  |- scss
   |  |   `|- base
   |  |    |       `- _redesign
   |  |    |       `- _reset
   |  |    |       `- _structure
   |  |     - layouts
   |  |    |       `- _camera-button
   |  |    |       `- _footer
   |  |    |       `- _form-design
   |  |    |       `- _form-fill
   |  |    |       `- _form-share
   |  |    |       `- _header
   |  |    |       `- _landing
   |  |    |       `- _loop
   |  |    |       `- _preview
   |  |     - utils
   |  |    |       `- _mixins
   |  |    |       `- _tipography
   |  |    |       `- _variables
   |  |    |- main
   |  |    |
   |  |- templates
   |  |   `|- partials
   |  |    |       `- _footer
   |  |    |       `- _form-design
   |  |    |       `- _form-fill
   |  |    |       `- _form-share
   |  |    |       `- _head
   |  |    |       `- _header
   |  |    |       `- _preview
   |  |    |
   |  |    |-home
   |  |    |-index

   

Uso 📋

1. Clona o descarga el repositorio en tu local.
2. Instala Node.js con npm install sino lo tienes ya.
3. Arranca el kit con Gulp.
4. ¡Ponte al lío!

🔚