michventura/michcodes

Punto de comienzo para iniciar un proyecto web moderno.

Sitio web personal

Punto de comienzo para iniciar un proyecto web moderno
Ver documentación »

Tabla de contenidos

• Motivación de rediseño
  • Desarrollado con
• Instrucciones
  • Prerrequisitos
  • Instalación
• Uso
• Roadmap
• Contribuciones
• Licencia
• Contacto

Motivación de rediseño

Existe una infinidad de proyectos open source de alta calidad pero, al buscar uno bien documentado en español para darles la referencia a mis alumnos, no pude encontrar ninguno dentro del tiempo que destine a hacerlo y decidí crear uno propio.

Lo que me inspiró a crear este proyecto:

• El tener consciencia de que no existe nada más valioso en la vida que el tiempo y tener la fortuna de poder compartir un recurso que pueda servir como punto de partida para crear un proyecto web moderno, organizado y bien documentado.
• Mis alumnos de CENTRO que, como excepcionales diseñadores, siempre impulsan mi lado creativo para desarrollar nuevas cosas que sin su forma de ver las cosas, no hubiera tenido la fortuna de empujar mis límites y pensar "fuera de la caja".
• Mis excepcionales alumnos programadores que me motivan a nunca dejar de construir lecciones, ejemplos y aplicaciones con tecnologías modernas.

Desarrollado con

Esta primera versión esta hecha con HTML semántico & CSS moderno y Vanilla JavaScript. Posteriormente desarrollaremos una versión de este proyecto con React, Vue & Svelte.

Instrucciones

Para utilizar este proyecto y desarrollar un proyecto propio, debes seguir los siguientes pasos.

Prerrequisitos

Si prefieres utilizar una interfaz gráfica de usuario para trabajar con Git, instala la siguiente aplicación.

• Github Desktop

Una vez instalada, ingresa con tu cuenta de Github y otorga los permisos necesarios para clonar este proyecto en tu computadora.

Instalación

1. Clona este repositorio

git clone https://github.com/michventura/michcodes.git

2. Abre VSCode y navega a la rama 'main/inicio'

git checkout -b main/inicio

3. Edita las variables del documento style.css para incluir tu guía de estilos (colores, tipografía & type-scale)

Uso

WIP - Ejemplos & Snippets de código.

Roadmap

• La versión final de este proyecto la puedes encontrar en la rama 'main/final'

Contribuciones

Las contribuciones es lo que hace de la comunidad de código abierto un lugar de aprendizaje, inclusión y respeto invaluable. Para contribuir y agregar valor a este proyecto.

1. Crea un 'Fork' de este repositorio
2. Crea una rama feature/nombre-de-tu-propuesta (git checkout -b feature/nombre-de-tu-propuesta)
3. Crea un commit con tus cambios (git commit -m 'Nombre de tu propuesta')
4. Actualiza los cambios (git push origin feature/nombre-de-tu-propuesta)
5. Realiza un Pull Request

Licencia

Este proyecto está bajo la licencia MIT. Ve el documento LICENSE para obtener más información.

Contacto

Michel Ventura michcodes@hotmail.com