Skip to content

midudev/javascript-100-proyectos

Repository files navigation

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

JavaScript Badge GitHub stars GitHub issues GitHub forks GitHub PRs Astro Badge

✨ Proyectos

# Proyecto Descripción Código Website
1 tinder-swipe Aprende a crear el efecto de swipe de Tinder con HTML, CSS y JavaScript. GitHub Badge Vercel Badge
2 arkanoid-game Juego mítico y clásico de Arkanoid para controlar con teclado. GitHub Badge Vercel Badge
3 mecanografía Pon a prueba a qué velocidad tecleas GitHub Badge Vercel Badge
4 chatgpt-local Creamos un ChatGPT que se ejecuta en tu navegador. 100% privado y gratuito GitHub Badge Vercel Badge
5 buscar-info-IP Llama a una api para obtener información de cualquier IP GitHub Badge Vercel Badge
6 tetris-canvas Creamos el famoso juego tetris como desafío de una prueba técnica GitHub Badge Vercel Badge
7 tier-maker Arrastra imágenes de cosas y ponlas en el nivel que creas GitHub Badge Vercel Badge
8 excel-js Creamos una hoja de SpreadSheets editable GitHub Badge Vercel Badge
9 paint-win-95 El clásico editor de imágenes de Windows GitHub Badge Vercel Badge
10 stack-game Stack Game en 2D GitHub Badge Vercel Badge

🚀 Contribuir

Introducción

  1. Para contribuir, crea un Fork del proyecto.

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

git clone [email protected]:tu_username/javascript-100-proyectos.git

Proyectos

  1. Accede a la carpeta del proyecto que quieras:
cd 01-tinder-swipe
  1. Instala la extensión Live Preview en Visual Studio Code.

  2. 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
  1. Inicia el servidor de desarrollo:
pnpm dev

Realiza los cambios y crea una pull request 🚀.

🛠️ Stack

Proyectos:

  • HTML, CSS & Javascript.

Website:

👑 Contribuidores