Este proyecto es una página web inspirada en jsm-brainwave.com, construida con tecnologías alternativas. A diferencia del tutorial de YouTube que utiliza React y Tailwind CSS, esta versión utiliza Astro, Sass y CSS para el desarrollo del frontend. Además, se ha integrado la librería JavaScript Locomotive Scroll para agregar efectos de animación al desplazarse por la página.
La inspiración para este proyecto proviene del sitio web jsm-brainwave.com, un ejemplo impresionante de diseño y experiencia de usuario modernos. Tomando como base ese diseño, esta versión se esfuerza por replicar la apariencia y la sensación general mientras emplea tecnologías diferentes para lograrlo.
- Astro: Un nuevo enfoque en el desarrollo web estático que combina las mejores partes de las herramientas tradicionales como React, con la simplicidad de la construcción estática.
- Sass: Un preprocesador CSS que ayuda a organizar y mantener estilos de manera más eficiente.
- CSS: Se utiliza para estilos adicionales y personalización.
- Locomotive Scroll: Una librería JavaScript que agrega efectos de desplazamiento suave y animaciones a la página.
Puedes ver una demostración en vivo de este proyecto aquí. ¡Esperamos que te guste!
Este proyecto fue posible gracias al tutorial de jsm-brainwave.com y al esfuerzo de adaptación utilizando tecnologías diferentes. ¡Gracias por la inspiración!
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |