Skip to content

Latest commit

 

History

History
48 lines (34 loc) · 2.59 KB

README.md

File metadata and controls

48 lines (34 loc) · 2.59 KB

🚀 Mi Proyecto Web en React y Vite | ORG

¡Bienvenido a mi proyecto web desarrollado con React y Vite! Esta aplicación demuestra mis habilidades y conocimientos en desarrollo web, implementando prácticas modernas y funcionales para brindar una experiencia fluida y atractiva para los usuarios.

⚡Características Destacadas

  • ✅ Utilización del cortocircuito lógico para renderizado condicional eficiente.
  • ✅ Uso de useEffect para gestionar efectos secundarios y asegurar una interacción sin problemas.
  • ✅ Comunicación con el backend usando una API GraphQL.
  • ✅ Implementación de modales para proporcionar interacciones contextuales intuitivas.
  • ✅ Agregar y remover equipos con una interfaz fácil de usar.
  • ✅ Actualización de estados en tiempo real para mantener la coherencia de la información.
  • ✅ Página multilenguage con i18next. (EN/ES)
  • ✅ Diseño de componentes mantenibles para facilitar el desarrollo y la escalabilidad.
  • ✅ Transiciones suaves para mejorar la experiencia del usuario.
  • ✅ Integración de animaciones Lottie para dar vida a la interfaz.
  • ✅ Patrones de diseño Observer y Singleton.
  • ✅ Modos de visualización (oscuro/claro).
  • ✅ Reconexion con el servidor Backend.

📸 Capturas de Pantalla

Captura de Pantalla 1 Captura de Pantalla 2

💻 Instalación y Uso

  1. Clona este repositorio: git clone https://github.com/JMMOLLER/org.git
  2. Navega al directorio: cd org
  3. Instala las dependencias: npm install o yarn install
  4. Inicia la aplicación: npm dev o yarn dev
  5. Abre tu navegador en: http://localhost:5173

📒 Contribuciones

¡Las contribuciones son bienvenidas! Si deseas mejorar este proyecto, ¡estaré emocionado de ver tus sugerencias y mejoras! Crea un fork del repositorio, trabaja en tus cambios y envía un pull request.

🤳 Contacto

Si tienes alguna pregunta o simplemente quieres charlar sobre desarrollo web, no dudes en contactarme. Puedes encontrarme en mi sitio web o en mis redes sociales:

¡Espero que disfrutes explorando mi proyecto tanto como yo disfruté desarrollándolo!

Nota

Estas son las variables de entorno:

  • VITE_API_GRAPHQL_URL=