Bienvenidas al proyecto dedicado al Nitrógeno, uno de los elementos clave de la tabla periódica y de la vida misma.
Este proyecto se basa en la exploración profunda y creativa del nitrógeno a través de una web dividida en siete pestañas que abordan distintos aspectos del elemento, usando HTML, CSS y JavaScript para lograr una experiencia interactiva y educativa.
Cada pestaña aborda un tema diferente para ofrecer una visión amplia y dinámica del nitrógeno:
- Qué es: Definición y características básicas del nitrógeno.
- Historia: Recorrido histórico sobre el descubrimiento y estudio del nitrógeno.
- Curiosidades: Datos interesantes y poco conocidos sobre el nitrógeno.
- Impacto: Influencia del nitrógeno en el medioambiente y la salud.
- Juego: Una sección interactiva que redirige a un juego de casillas donde puedes formar la molécula de N4O2, creado con JavaScript.
- Curiosidades: Información adicional y anécdotas relacionadas con el nitrógeno.
- Creadoras: Presentación del equipo que desarrolló el proyecto, con sus roles y aportes.
- JavaScript: Uso extensivo para efectos visuales, animaciones y la interactividad del juego, mejorando la experiencia del usuario en todas las pestañas.
- HTML y CSS3: Estructura clara y diseño atractivo para facilitar la navegación y el disfrute del contenido.
- Clona o descarga este repositorio.
- Asegúrate de tener la carpeta files con las imágenes y sonidos necesarios.
- Abre el archivo index.html en tu navegador preferido, preferentemente Chrome o Firefox.
- Explora cada pestaña para conocer los diferentes enfoques sobre el nitrógeno.
- En la pestaña “Juego”, prueba a formar la molécula de N4O2 en un tablero interactivo.
- Disfruta de una navegación fluida y animaciones que hacen la ciencia más accesible y divertida.
- Las imágenes y sonidos utilizados son libres de derechos, provenientes de bancos gratuitos como Unsplash, Pixabay y Freesound.
- El código está disponible en este repositorio para que puedas revisarlo, aprender y contribuir.
- El sitio está alojado y publicado mediante GitHub Pages, accesible públicamente para compartir con el grupo y la comunidad.
- Explora los proyectos del resto de tus compañeras y aprende de cada uno. ¡Este proyecto es una invitación a la creatividad, al trabajo en equipo y a la divulgación científica desde múltiples ángulos!
El repositorio está organizado de la siguiente forma:
raíz del proyecto/
│
├── index.html # Página de inicio
├── README.md # Documentación del proyecto
│
├── /pages/ # Páginas individuales del sitio
│ ├── creadoras.html
│ ├── curiosidades.html
│ ├── historia.html
│ ├── impacto.html
│ ├── juego-2.html
│ └── juego.html
│
├── /public/ # Recursos multimedia públicos
│ ├── comun/ # Imágenes comunes del proyecto
│ ├── creadoras-files/
│ ├── curiosidades-files/
│ ├── historia-files/
│ ├── impacto-files/
│ ├── index-files/
│ └── juego-files/
│
├── /src/ # Código fuente organizado por tipo
│ ├── css/
│ │ ├── creadores.css
│ │ ├── curiosidades.css
│ │ ├── game-styles.css
│ │ ├── historia.css
│ │ ├── impacto.css
│ │ ├── juego.css
│ │ └── style.css # Estilos generales
│ │
│ └── js/
│ ├── cell.js
│ ├── creadoras.js
│ ├── curiosidades.js
│ ├── game.js
│ ├── grid.js
│ ├── historia.js
│ ├── juego.js
│ ├── script.js
│ └── tile.js
Este proyecto ha sido desarrollado de forma colaborativa por un equipo de coders dentro del programa Factoría F5, combinando creatividad, tecnología y trabajo en equipo:
- Guissella Pérez – Responsable de la pestaña Qué es y Scrum Master del equipo.
- Aday Álvarez – Encargada del desarrollo de la sección Historia.
- Rocío Coronel – Desarrolladora de la pestaña de Curiosidades.
- Ana Muruzabal – Responsable de la sección Impacto, enfocada en medioambiente y sociedad.
- Larysa Ambartsumian – Creadora de la pestaña Juego, incluyendo la lógica interactiva con JavaScript.
- Paloma Gómez – Diseñadora y desarrolladora de la sección Creadoras, que destaca el trabajo del equipo.
Este proyecto refleja el esfuerzo conjunto de cada integrante, fomentando el aprendizaje activo y la colaboración en un entorno digital.
Este proyecto está abierto para uso personal y educativo. El código está disponible en este repositorio para que puedas revisarlo, aprender y contribuir.