100 JavaScript Projects

✨ Projects

#	Project	Description
1	tinder-swipe	Tinder swipe effect with HTML, CSS, and JavaScript.
2	arkanoid-game	Classic and mythical Arkanoid game to control with the keyboard.
3	typing-game	Typing game with HTML, CSS, and JavaScript to test your speed.

Introduction

To clone the repository to your local machine:

git clone https://github.com/martinmilani/javascript-100-projects.git

Projects

1. Access the folder of the project you want:
cd 01-tinder-swipe

2. Install extension Live Preview on Visual Studio Code.

3. Press F1 and select Live Preview: Start Server.

Web Site

npm install -g pnpm

1. Install dependencies:

cd web
pnpm install

2. Start development server:

pnpm dev

🛠️ Stack

Projects:

• 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.
• daisyUI - Adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.
• @midudev/tailwind-animations - Easy peasy animations for your Tailwind project.