/TdB-Hackaton

Primary LanguageJavaScript

Marketplace TdB (Tienda de Barrio)

Deploy [TdB] (https://tdb-tiendadebarrio.vercel.app/)

Team:

  • Lidia
  • Denis
  • Fabio
  • Mohamedd
  • Juliana
  • Leidy
  • Mey
  • Pere Josep
  • Claudette

logo

Una asociación de un barrio nos solicita la creación de una aplicación que ayude a mejorar el tejido social y de comercios del barrio.

Pensando en los vecinos, la gente mayor y los pequeños comercios locales creamos una aplicación que permita ofrecer servicios personales y comerciales a nivel local (dentro del margen del barrio).

De este modo:

  • Los vecinos podrán conocer qué servicios se ofrecen cerca de su casa.
  • Los vecinos podrán adquirir dichos servicios o contactar con los ofertantes.
  • El comercio local tendrá un pequeño escaparate para llegar al vecindario.

Objetivos funcionales y requisitos

Crear una página de presentación a modo de galería en la que el usuario final pueda ver los servicios ofertados.

La página será accesible tanto desde el móvil como desde un navegador (responsive).

La página dispone de Navbar con logo/marca del marketplace e iconos de:

  • carrito de compra
  • filtro de favoritos
  • login de cliente (usuario que accede como vendedor)

La galería mostrará una serie de 'cards' con:

  • imagen de presentación
  • nombre del servicio ofertado
  • precio
  • icono para marcar como favorito

Al final de la página debe aparecer un 'footer' con:

  • iconos 'social media'
  • enlace de contacto al equipo de mantenimiento de la página.

Cuando se pulse sobre la imagen de alguno de los servicios ofertados se enlazará a una página de detalle del servicio/producto que incorporará:

  • imagen
  • nombre del serviciologo
  • precio
  • datos de contacto del ofertante
  • ampliación de información del servicio

Metodología / Herramientas

  • Daily review para poner puntos en común de desarrollo, necesidades y roles

  • Hemos necesitado comunicarnos en diferentes idiomas (español, inglés y francés)

  • Trello trello

  • Creado sketch final con Figma

Figma

  • Creado repositorio en gitHub
  • Uso de 'branches' con git
  • JavaScript
  • React:
    • Bootstrap
    • Router
    • Stiled components
    • librería iconos de React

codigo

  • Fuentes de Google
  • Html
  • CSS

Enlaces

Repositorio gitHub Enlace. Trello Enlace. Figma Enlace

Deploy [TdB] (https://tdb-tiendadebarrio.vercel.app/)