https://github.com/n-ignacio-bouffanais/time-slots-app

This project is about an app where the users can take a time slot and a counter that show how many motorcylces are available. This project was built with nextjs13.
https://github.com/n-ignacio-bouffanais/time-slots-app

css-flexbox css-grid eslint nextjs responsive-web-design usecontext-hook usereducer-hook

Last synced: 2 months ago
JSON representation

This project is about an app where the users can take a time slot and a counter that show how many motorcylces are available. This project was built with nextjs13.

• Host: GitHub
• URL: https://github.com/n-ignacio-bouffanais/time-slots-app
• Owner: N-Ignacio-Bouffanais
• Created: 2022-11-17T16:12:23.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-28T19:37:37.000Z (almost 3 years ago)
• Last Synced: 2025-08-31T01:37:01.700Z (2 months ago)
• Topics: css-flexbox, css-grid, eslint, nextjs, responsive-web-design, usecontext-hook, usereducer-hook
• Language: JavaScript
• Homepage: https://time-slots-app.vercel.app/
• Size: 192 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

## About

- Construye una lista que contenga tramos horarios, en intervalos de 30 min. Que empiece a las 8 am y termine a las 8pm.

- O sea un cuadro con un bloque que empiece a las 8, luego 8.30, 9, 9 30.. así hasta las 8pm

- La empresa tiene disponibilidad de 8 motociclistas cada 30 min.

- Cuando alguien haga click sobre una de estas cajitas debería tomar un recurso de motociclista.

- O sea un contador que empiece en 8 y luego baje a 7, a demás de marcar la caja en verde.

- Si el mismo usuario da click en la misma caja, debe liberar el recurso, si se encontraba en verde, debe liberar el recurso, o sea el contador nuevamente pasa de 7 a 8.

- Si otros usuarios han tomado a todos los motociclistas, la caja debe aparecer en color rojo y no me debe dejar tomar ese horario.

### Screenshot

![solution](./public/solution.JPG)

![movile-solution](./public/solution-movile.JPG)

## Author

- Website - [Nicolas_Bouffanais](https://nicolas-bouffanais.vercel.app/src/index.html)

- Twitter - [@N_Bouffanais](https://twitter.com/N_Bouffanais)

- Frontend Mentor - [@N-Ignacio-Bouffanais](https://www.frontendmentor.io/profile/N-Ignacio-Bouffanais)