Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sonvice/ia-landing

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.
https://github.com/sonvice/ia-landing

astro css javascript sass

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/sonvice/ia-landing
Owner: sonvice
Created: 2024-03-20T16:23:36.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-03-21T17:28:01.000Z (11 months ago)
Last Synced: 2024-11-10T01:36:39.054Z (3 months ago)
Topics: astro, css, javascript, sass
Language: Astro
Homepage: https://ia-landing.netlify.app/
Size: 10.9 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![Project Banner](https://i.ibb.co/Jcpm9S2/image.png)

Modern UI/UX website

# IA Landing
Este proyecto es una página web inspirada en [jsm-brainwave.com](https://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.

## Inspiración

La inspiración para este proyecto proviene del sitio web [jsm-brainwave.com](https://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.

## Tecnologías Utilizadas

- **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.

## Demostración

Puedes ver una demostración en vivo de este proyecto [aquí](https://ia-landing.netlify.app/). ¡Esperamos que te guste!

## Agradecimientos

Este proyecto fue posible gracias al tutorial de [jsm-brainwave.com](https://jsm-brainwave.com/) y al esfuerzo de adaptación utilizando tecnologías diferentes. ¡Gracias por la inspiración!

## 🧞 Commands

All commands are run from the root of the project, from a terminal: