Skip to content

Crea, prueba y mejora tus conocimientos de la quimica organica haciendo uso de esta pagina web estructurada con HTML CSS y JS vanilla Donde contaras con multiples minijuegos donde lo más importante es aprender.

License

Notifications You must be signed in to change notification settings

WhiterBy1/quimica-organica-3d

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Proyecto de Química Orgánica

Descripción

Esta página web es un proyecto final de la asignatura de Química Orgánica, creado con el objetivo de facilitar el aprendizaje de conceptos complejos mediante actividades interactivas y mini-juegos. Los estudiantes podrán explorar, visualizar y practicar temas clave de Química Orgánica de una manera entretenida y dinámica.

Visita el sitio aquí 👉 https://quimicaorganicaproject.netlify.app/

Funcionalidades principales

  • Identificación de grupos funcionales 🧪
  • Isomería 🌀
  • Nomenclatura química 🧬
  • Reacciones y métodos de obtención ⚗️
  • Visualización 3D de moléculas con JMOL 🧊

Tecnologías utilizadas

  • HTML5: Estructura del sitio.
  • CSS: Estilos y diseño.
  • JavaScript: Lógica de juegos y funcionalidades interactivas.
  • JMOL: Visualización interactiva de moléculas en 3D.

Mini-juegos interactivos

estos minijuegos se clasifican en diversas tematicas para facilitar el aprendizaje de la quimica organica, estas son:

Identificacion de grupos funcionales:

  1. Estructuras: Practica cuales son las estructuras de los grupos funcionales de manera didactica aprendiendo sus representaciones tales como: R-O-R que pertenece al grupo funcional -> Eter.
  2. Blaster de Nomenclatura: Practica la nomenclatura de compuestos eliminando moléculas.
  3. Carrera Química: Un juego contrarreloj para identificar nombres de compuestos.
  4. Monstruo de las Reacciones: Aprende sobre Reactivos en la quimica alimentando un mounstruo.

Despliegue

El proyecto está desplegado en Netlify y puedes accederlo en el siguiente enlace:

🔗 quimicaorganicaproject

Contribuciones

¡Contribuciones son bienvenidas! Si deseas mejorar este proyecto:

  1. Haz un fork del repositorio.
  2. Crea una nueva rama: git checkout -b feature/nueva-funcionalidad.
  3. Realiza tus cambios y haz un commit: git commit -m "Agrego nueva funcionalidad".
  4. Haz push a tu rama: git push origin feature/nueva-funcionalidad.
  5. Abre un Pull Request.

Licencia

Este proyecto está bajo la Licencia Apache 2.0. Consulta el archivo LICENSE para más detalles.

About

Crea, prueba y mejora tus conocimientos de la quimica organica haciendo uso de esta pagina web estructurada con HTML CSS y JS vanilla Donde contaras con multiples minijuegos donde lo más importante es aprender.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages