Skip to content

ArlenyAres/moge-front

 
 

Repository files navigation

logo moge

Moge: Portal de Eventos Tecnológicos

Descripción

Moge es una plataforma web dedicada a conectar a entusiastas de la tecnología con una amplia gama de eventos y oportunidades de aprendizaje. Nuestro objetivo es mantener a nuestra comunidad al día con las últimas tendencias y avances en el campo de la tecnología, ofreciendo una selección cuidadosa de eventos diseñados y creados por los integrantes de la comunidad

Vista Mogue

Funcionalidades Principales

Página de Inicio

Explicación de Moge: La página de inicio presenta una visión general de lo que es Moge, destacando su misión de fomentar la comunidad tecnológica. Exploración de Eventos

Visualización de Eventos:

Los usuarios pueden ver todos los eventos creados por la comunidad sin necesidad de autenticación.

Paginación:

Se implementa una paginación para mostrar un máximo de 15 eventos por página, facilitando la navegación.

Filtros de Búsqueda:

Los usuarios pueden filtrar eventos por categoría (presencial o online), nombre de usuario, nombre de evento y fecha, sin requerir autenticación.

Detalles del Evento

Información del Evento:

Cada evento muestra una imagen, título, descripción, fecha, hora, cantidad máxima de asistentes, ubicación y categoría (online o presencial).

Gestión de Usuarios

Registro y Inicio de Sesión:

Los usuarios pueden registrarse y iniciar sesión para acceder a funcionalidades adicionales.

Gestión de Perfil:

Los usuarios pueden gestionar su información de perfil, incluyendo nombre, correo electrónico, contraseña y foto de perfil.

Participación en Eventos

Apuntarse a Eventos:

Los usuarios registrados pueden apuntarse a eventos disponibles.

Desapuntarse de Eventos:

Los usuarios pueden desapuntarse de eventos a los que se han apuntado previamente.

Tickets de Suscripción:

Al apuntarse a un evento, se genera un ticket de suscripción.

Restricciones de Apuntamiento:

Se impide que un usuario se apunte al mismo evento más de una vez.

Creación y Gestión de Eventos

Creación de Eventos:

Los usuarios registrados pueden crear, editar y eliminar eventos.

Visualización de Eventos Creados:

Los usuarios pueden ver los eventos que han creado.

🚀 Introducción

Este proyecto es el frontend de la plataforma web de Moge, esta desarrollado con React.js y Next.js para proporcionar una experiencia de usuario fluida y adaptable tanto en dispositivos móviles como de escritorio.

📝 Requisitos

Node.js 14 o superior npm 6 o superior

🛠️ Configuración

Clonar el repositorio: Clona este repositorio en tu máquina local.

git clone https://github.com/01joanna/codecrafters-app.git

🚧 Instalar dependencias:

Navega al directorio del proyecto y ejecuta el siguiente comando para instalar las dependencias de Node.js.

npm install

🛑 Configurar el entorno:

Crea un archivo .env.local en la raíz del proyecto y configura las variables de entorno necesarias, como la URL de la API.

SANCTUM_STATEFUL_DOMAINS=localhost,localhost:3000,127.0.0.1,127.0.0.1:8000,::1

NEXT_PUBLIC_API_URL=http://localhost:8000/api

Ejecutar el servidor de desarrollo:

Inicia el servidor de desarrollo de Next.js.

npm run dev

Abra http://localhost:3000 con su navegador para ver el resultado.

🔧 Pruebas Para ejecutar las pruebas de la aplicación, utiliza el siguiente comando:

npm run test

🏆 Desarolladoras

Johanna Cuevas linkedin

Arleny Medina linkedin

🎯 Cómo Contribuir

Si estás interesado en contribuir a este proyecto, hay varias formas de hacerlo:

Comparte este proyecto: Ayuda a difundir el conocimiento compartiendo MOGE con otros entusiastas de la tecnología. Contribuciones de Código: Si tienes habilidades de programación, puedes contribuir directamente al código del proyecto. Reporta problemas o propón mejoras: Si encuentras algún problema o tienes una idea para mejorar Explore, no dudes en abrir un nuevo problema o contribuir con un Pull Request.

logo moge

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.5%
  • CSS 1.5%