Skip to content

pdelbarrio/atbcn

Repository files navigation

@bcn

atbcn.info

La aplicación para estar al día de los eventos locales.

atbcn.info

Captura de pantalla de la interfaz de usuario

Características clave

  • Explora eventos: Accede a una lista organizada de eventos de la ciudad en la semana actual y posteriores y desplázate fácilmente para descubrir lo que está sucediendo en tu área.

  • Interfaz intuitiva: Navega por la aplicación de manera sencilla e intuitiva. Los eventos se presentan de forma apilada, lo que te permite desplazarte y explorar rápidamente la información relevante.

  • Detalles esenciales: Cada evento muestra información clave, como el nombre, la fecha y hora, la ubicación, el precio y etiquetas descriptivas que brindan una idea general del evento.

  • Visualización completa: Si un evento atrae tu interés, puedes hacer clic en él para acceder a una vista detallada. Allí encontrarás una descripción completa, un póster y un enlace relevante relacionado con el evento (venta de entradas o información más completa).

  • Registro simplificado: Únete a la comunidad registrándote con tu dirección de correo electrónico y una contraseña, o simplemente utiliza la función de inicio de sesión social con Gmail para agilizar el proceso.

  • Añade tus propios eventos: Como usuario registrado, puedes contribuir a la agenda añadiendo tus propios eventos. Rellena un formulario completo con campos como nombre, ubicación, precio y fecha para proporcionar detalles precisos.

  • Previsualización y edición: Antes de confirmar la inclusión de un evento, puedes previsualizarlo para asegurarte de que toda la información sea correcta. Si es necesario, podrás realizar modificaciones antes de hacerlo público.

  • Protección contra mal uso: Se ha implementado un sistema de baneo de usuarios para prevenir eventos inapropiados o engañosos. Cada evento se vincula al usuario responsable, lo que permite tomar medidas rápidas y eficaces.

  • Privacidad y seguridad: @bcn utiliza Supabase como backend, garantizando la protección de tus datos y eliminando la necesidad de configurar tu propio servidor.

Motivación del proyecto

Con @bcn, he creado una herramienta práctica y eficiente para mantener a las personas informadas sobre los eventos locales, solventando el problema de tener toda la información dispersa en diferentes aplicaciones y sitios web. Además de ser una aplicación muy útil, este proyecto demuestra mi capacidad para moverme con documentación y aprender nuevas tecnologías experimentales, como la app folder de las versiones de Next.js posteriores a 13.2, los React Server Components y la integración con Supabase.

Este proyecto también destaca mi habilidad para crear una interfaz de usuario intuitiva y receptiva. @bcn es un ejemplo de mi experiencia en desarrollo web y mi capacidad para entregar proyectos funcionales y orientados al usuario.

Créditos

Este proyecto fue desarrollado por Pablo.

Licencia

Este proyecto se encuentra bajo la licencia MIT.

Todo list

  • Create prototype in Figma
  • Create structure with mocked events
  • Create components
  • Create modal to see event info
  • Connected to Supabase without Prisma
  • Implement date manipulation functionality
  • Implement pagination of events by week
  • Add form to create events
  • Add authentication and social login
  • Add middleware
  • Restriction of event insertion to users based on their e-mail address

backlog

  • Implement dark mode
  • Add testing
  • Add possibility of sharing events
  • Add possibility to display events of several days (2 or more)
  • Implement PWA functionality (as soon as it is available in nextjs versions after 13.2)
  • Implement administrator interface for editing events, banned users, etc.

Figma prototype

https://www.figma.com/file/b4la60niKI0JaT5pwKvnwJ/%40bcn?node-id=0-1&t=xD9a7fB6oTqLQZIe-0

Releases

No releases published

Packages

No packages published