Otromascomotu/javascript-100-proyectos

100 proyectos de JavaScript con código y vídeos. ¡Gratis!

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

Website  ❖  Proyectos  ❖  Contribuir  ❖  YouTube  ❖  Twitter  ❖  Twitch

✨ Proyectos

#	Proyecto	Descripción	Código	Website
1	tinder-swipe	Aprende a crear el efecto de swipe de Tinder con HTML, CSS y JavaScript.

🚀 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