MinervaLong / jobarcelona22-online

Primera fase de JOBarcelona Hackathon, individual y online

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

IT JUNIOR HACKATHON - JOBarcelona'22

Competición multidisciplinar de programación y negocios dividida en dos fases. Una primera fase online con un reto individual, objeto de este repositorio, y una segunda fase presencial por equipos con los 12 mejores candidatos de cada categoría:

  • Front-end
  • Back-end
  • Data Science
  • Business Analytics

La organización corre a cargo de Nuwe.

Este repositorio es el reto individual de Front-end, que consiste en hacer un componente para visualizar una lista de regalos.

Stack utilizado

HTML5 | CSS3 | SASS | JAVASCRIPT | REACT

Otras librerías

Storybook

emoji-dictionary

prop-types

Distribución de carpetas

folders

User stories (extraídas de la web de Nuwe):

  • Task 1: Crear un componente con un título y un grupo de regalos que contenga la siguiente información: Título, Descripción, Tags del grupo.
  • Task 2: Asegurarse que el componente sea responsive: Adopta un modo de scroll horizontal para PC, Adopta modo lista para Móvil y Tablet.

Además se debía documentar los componentes con la librería Storybook y utilizar un sistema lo más atómico posible. Para completar la información era necesario desbloquear la contraseña de un documento pdf con la propuesta de diseño del componente.

Instalación

  1. Clonar el repositorio
   git clone https://github.com/your_username_/Project-Name.git
  1. Instalar los paquetes NPM
   npm install
  1. Iniciar el proyecto
   npm start

Si se desea modificar hay que ejecutar los siguientes comandos en terminales distintas:

  • npm run sass
  • npm run storybook

Muestra del resultado final

desktop-view

Contribución

Tratándose de un reto para una Hackathon, este proyecto no está abierto a contribuciones pero se recomienda como ejercicio de aprendizaje intentar replicarlo y mejorarlo.

About

Primera fase de JOBarcelona Hackathon, individual y online


Languages

Language:JavaScript 58.0%Language:SCSS 16.6%Language:CSS 14.2%Language:HTML 11.2%