Skip to content

Ktumsh/essentia-web-oficial

Repository files navigation

Logo

🌟 Web oficial de Essentia®

Essentia es una plataforma web que proporciona información y recursos sobre salud. Este proyecto tiene como objetivo ofrecer una experiencia personalizada y accesible para los usuarios interesados en mejorar su bienestar.
Reportar error · Sugerir algo

Tabla de contenidos

✨ Características principales

  • Recursos esenciales: Acceso a recursos esenciales sobre salud.
  • Últimas Noticias: Muestra noticias relacionadas con la salud.
  • Recursos Destacados: Acceso a recursos destacados como guías y recomendaciones.
  • Asistente de Salud: Un asistente virtual para responder preguntas relacionadas con la salud.
  • Foro de la Comunidad: Un espacio para que los usuarios discutan temas de salud.
  • Panel de Control Personal: Herramientas y recursos personalizados para cada usuario.

📸 Capturas de pantalla de la web de Essentia

Captura de pantalla en escritorio Captura de pantalla en escritorio Captura de pantalla en móvil

(volver arriba)

💡 Secciones Principales

  1. Recursos

    • 🧘‍♀️ Salud y Bienestar
    • 🏋️ Ejercicios y Fitness
    • 🍎 Nutrición
    • 🧠 Bienestar Emocional
    • 👫 Salud y Educación Sexual
    • 👨‍👩‍👧‍👦 Salud para Todas las Edades
  2. 📰 Noticias: Sección para mostrar noticias relacionadas con la salud.

  3. 🤖 Essentia AI: Inteligencia artificial especializada en salud.

  4. 📚 Recursos Adicionales: Sección para recursos adicionales sobre salud.

  5. 🌐 Comunidad: Apartado para la comunidad de usuarios.

🦾 Para empezar

📋 Prerequisitos

  • PNPM (es nuestra recomendación por su eficiencia y rapidez)

    npm install -g pnpm
  • o NPM

    npm install npm@latest -g

🚀 Instalación

  1. Clona el repositorio

    git clone https://github.com/Ktumsh/essentia-web-oficial.git
  2. Instala los paquetes de NPM

    pnpm install
  3. Ejecuta el proyecto

    pnpm run dev
  4. Autenticación con google, facebook o twitter (opcional)

    • Para google accede a la consola de google, crea una app y obtén tu client id y client secret
    • Para facebook accede a la consola de facebook/meta, crea una app y obtén tu app id y app secret
    • Para Twitter accede a la consola de twitter, crea una app y obtén tu client id y client secret
    • Genera un hash aleatorio, puedes usar el siguiente comando openssl rand -hex 32 o en esta página
    • Crea un archivo llamado .env.local y copia el contenido de .env.demo en él
    • Reemplaza el texto copiado de demo en .env.local con tu id, secreto y hash

(volver arriba)

🗂️ Estructura del Proyecto

essentia-web-oficial/
│
├── public/ # Archivos estáticos
├── src/ # Código fuente del proyecto
│ ├── components/ # Componentes reutilizables
│ ├── consts/ # Constantes utilizadas en el proyecto
│ ├── icons/ # Iconos utilizados en la interfaz
│ ├── layouts/ # Layouts del proyecto
│ ├── lib/ # Librerías y módulos personalizados
│ ├── pages/ # Páginas del sitio
│ ├── sections/ # Secciones reutilizables del sitio
│ ├── types/ # Definiciones de tipos TypeScript
│ ├── utils/ # Utilidades y funciones auxiliares
│ └── env.d.ts # Definiciones de tipos para variables de entorno
│
├── astro.config.mjs # Configuración de Astro
├── auth.config.mjs # Configuración de autenticación
├── auth.d.ts # Definiciones de tipos para autenticación
├── svelte.config.js # Configuración de Svelte
├── tailwind.config.mjs # Configuración de Tailwind CSS
└── tsconfig.json # Configuración de TypeScript

(volver arriba)

🤝 Contribuir al Proyecto

¡Las contribuciones son bienvenidas! Para contribuir, sigue estos pasos:

Si tienes alguna sugerencia que podría mejorar el proyecto, por favor haz un fork del repositorio y crea una pull request. También puedes simplemente abrir un issue con la etiqueta "enhancement".

Aquí tienes una guía rápida:

  1. Haz un fork del Proyecto
  2. Clona tu fork (git clone <URL del fork>)
  3. Añade el repositorio original como remoto (git remote add upstream <URL del repositorio original>)
  4. Crea tu Rama de Funcionalidad (git switch -c feature/nueva-caracteristica)
  5. Realiza tus Cambios (git commit -m 'Add: alguna caracteristica')
  6. Haz Push a la Rama (git push origin feature/nueva-caracteristica)
  7. Abre una pull request

(volver arriba)

🛠️ Tecnologías Utilizadas

  • Astro - Framework para sitios web basados ​​en contenido.
  • React JSX - Biblioteca para interfaces de usuario web y nativas.
  • Typescript - JavaScript con sintaxis para tipos.
  • Svelte - Framework para construir interfaces de usuario de manera más eficiente.
  • Tailwind CSS - Un marco de utilidad CSS para crear rápidamente diseños personalizados.

📄 Licencia

Este proyecto está licenciado bajo la Licencia Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Consulta el archivo LICENSE para más detalles.

📧 Contacto

Para más información o preguntas, puedes contactarme en [email protected].


¡Gracias por utilizar Essentia! Esperamos que encuentres útil nuestra plataforma para mejorar tu salud y bienestar.

(volver arriba)