100 proyectos de JavaScript con código y vídeos

✨ Proyectos

#	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
13	google-translate	Clon de Google Translate con traducción en tiempo real

🚀 Contribuir

Introducción

1. Para contribuir, crea un Fork del proyecto.

2. Clona el repositorio en tu máquina local:

git clone git@github.com:tu_username/javascript-100-proyectos.git

Proyectos

1. Accede a la carpeta del proyecto que quieras:

cd 01-tinder-swipe

2. Instala la extensión Live Preview en Visual Studio Code.

3. Presiona F1 y selecciona Live Preview: Start Server.

Realiza los cambios y crea una pull request 🚀.

Sitio web

• Para contribuir al sitio web es necesario tener Node.js +18 instalado y pnpm:

npm install -g pnpm

1. Instala las dependencias:

cd web
pnpm install

2. Inicia el servidor de desarrollo:

pnpm dev

Realiza los cambios y crea una pull request 🚀.

🛠️ Stack

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.

👑 Contribuidores