OrienteeringAtlas - FrontEnd

Autor

• Edu ⚡

Colaboradores

• GitHub: Data
• GitHub: Sofía
• GitHub: Reyes
• GitHub: Yolanda

TABLA DE CONTENIDOS 📖

1. Descripción general del proyecto
2. Objetivo del proyecto
3. Dependencias y Tecnologías 💻
4. Configuración y Ejecución
5. Archivos Principales
6. Mejoras planeadas

1. Descripción general del proyecto

Project Break es una aplicación de gestión de mapas para el deporte de orientación. Este repositorio contiene el código del frontend de la aplicación.

2. Objetivo del proyecto

El objetivo de este proyecto es crear una aplicación que permita a los usuarios gestionar mapas utilizados en el deporte de orientación, incluyendo funciones como la creación, actualización, eliminación y obtención de mapas.

3. Dependencias y Tecnologías 💻

• React
• React Router
• Axios
• Vite

Herramientas de gestión de proyectos:

• Github

Herramientas de deploy:

• Netlify

Control de versiones y desarrollo colaborativo:

• Git
• Visual Studio Code

4. Configuración y Ejecución

1. Clona este repositorio en tu máquina local.
2. Asegúrate de tener Node.js y npm instalados.
3. Instala las dependencias del proyecto ejecutando npm install.
4. Ejecuta la aplicación con el comando npm run dev.

5. Archivos Principales

• index.html: Archivo HTML principal.

• src/main.jsx: Archivo principal de JavaScript.

• src/index.css: Estilos globales.

• src/App.jsx: Componente principal de la aplicación.

• src/components/User/Register.jsx: Componente para el registro de usuarios.

• src/components/User/Login.jsx: Componente para el inicio de sesión de usuarios.

• src/components/Page/Header.jsx: Componente para el encabezado de la página.

• src/components/Page/Footer.jsx: Componente para el pie de página de la página.

• src/components/Page/Dashboard.jsx: Componente para el panel de control de la página.

• src/components/Maps/Maps.jsx: Componente para mostrar todos los mapas.

• src/components/Maps/MapDetailPage.jsx: Componente para mostrar los detalles de un mapa.

• src/components/Maps/EditMap.jsx: Componente para editar un mapa.

• src/components/Maps/DeleteMap.jsx: Componente para eliminar un mapa.

• src/components/Maps/AddMap.jsx: Componente para agregar un nuevo mapa.

6. Mejoras Planeadas

Área	Descripción
Refactorización del Código	Se realizará una revisión exhaustiva del código en ambos lados (backend y frontend) para mejorar su estructura, legibilidad y eficiencia.
Implementación del Acceso con Usuario	Se establecerá un sistema de autenticación de usuarios para controlar el acceso a las funcionalidades del sistema.
Incorporación del Modo Noche	Se añadirá un modo oscuro para mejorar la experiencia del usuario y reducir la fatiga visual en entornos de poca luz.
Perfil de Usuario y Biblioteca Personalizada	Una vez implementado el sistema de usuarios, los usuarios podrán acceder y editar su perfil, así como tener una biblioteca personalizada de mapas favoritos.
Interacción Social	Se habilitará la funcionalidad para que los usuarios puedan dar "Me gusta" a los mapas de otros usuarios y mantener una interacción social dentro de la plataforma.
Estadísticas de Contribuyentes e Información de Mapas	Se desarrollarán estadísticas detalladas sobre los contribuyentes, así como información adicional y detalles sobre los mapas disponibles en la plataforma.
Integración con Webs Externas	Se conectará con webs externas para acceder el calendario de competiciones y ligas de todas las modaldiades, resultados y rankings.
Mejoras en los Detalles de los Mapas	Se aumentará los detalles que se pueden añadir a los mapas, incluyendo comentarios, un enlace a O-Track, poder marcar el resultado de carrera y otras mas.