¡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.
- ✅ Utilización del cortocircuito lógico para renderizado condicional eficiente.
- ✅ Uso de
useEffectpara 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.
- Clona este repositorio:
git clone https://github.com/JMMOLLER/org.git - Navega al directorio:
cd org - Instala las dependencias:
npm installoyarn install - Inicia la aplicación:
npm devoyarn dev - Abre tu navegador en:
http://localhost:5173
¡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.
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:
- LinkedIn: Jorge Moreno
¡Espero que disfrutes explorando mi proyecto tanto como yo disfruté desarrollándolo!
Estas son las variables de entorno:
VITE_API_GRAPHQL_URL=