| # | Proyecto | Descripción | Código | Website |
|---|---|---|---|---|
| 1 | tinder-swipe | Aprende a crear el efecto de swipe de Tinder con HTML, CSS y JavaScript. | ||
| 2 | arkanoid-game | Juego mítico y clásico de Arkanoid para controlar con teclado. | ||
| 3 | mecanografía | Pon a prueba a qué velocidad tecleas | ||
| 4 | chatgpt-local | Creamos un ChatGPT que se ejecuta en tu navegador. 100% privado y gratuito | ||
| 5 | buscar-info-IP | Llama a una api para obtener información de cualquier IP | ||
| 6 | tetris-canvas | Creamos el famoso juego tetris como desafío de una prueba técnica | ||
| 7 | tier-maker | Arrastra imágenes de cosas y ponlas en el nivel que creas | ||
| 8 | excel-js | Creamos una hoja de SpreadSheets editable | ||
| 9 | paint-win-95 | El clásico editor de imágenes de Windows | ||
| 10 | stack-game | Stack Game en 2D | ||
| 11 | js-perf-benchmark | Benchmark con JS | ||
| 12 | moto-scroll | Animación de fondo por scroll |
-
Para contribuir, crea un Fork del proyecto.
-
Clona el repositorio en tu máquina local:
git clone git@github.com:tu_username/javascript-100-proyectos.git- Accede a la carpeta del proyecto que quieras:
cd 01-tinder-swipe-
Instala la extensión Live Preview en Visual Studio Code.
-
Presiona
F1y seleccionaLive Preview: Start Server.
Realiza los cambios y crea una pull request 🚀.
- Para contribuir al sitio web es necesario tener Node.js +18 instalado y pnpm:
npm install -g pnpm- Instala las dependencias:
cd web
pnpm install- Inicia el servidor de desarrollo:
pnpm devRealiza los cambios y crea una pull request 🚀.
Proyectos:
- HTML, CSS & Javascript.
Website:
- Astro - The web framework for content-driven websites.
- Typescript - JavaScript with syntax for types.
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
- @midudev/tailwind-animations - Easy peasy animations for your Tailwind project.