This repository offers 100 free JavaScript projects, complete with code and video tutorials, aimed at developers looking to practice and expand their frontend skills. It provides a structured learning path through diverse, practical web development challenges.

How It Works

The project is a curated collection of individual frontend projects, each focusing on a specific JavaScript concept or UI pattern. Projects range from classic games like Tetris and Arkanoid to practical tools like a local ChatGPT interface and an IP information lookup. The core approach involves providing functional code examples and accompanying video explanations, enabling hands-on learning.

Quick Start & Requirements

• To run individual projects: Clone the repository, navigate to a project folder (e.g., cd 01-tinder-swipe), and use the "Live Preview" extension in VS Code (F1 -> Live Preview: Start Server).
• For the website: Requires Node.js 18+ and pnpm. Install dependencies with pnpm install in the web directory and run with pnpm dev.
• Links: Website, Projects, Contribute

Highlighted Details

• Covers a wide array of frontend techniques, from UI animations and game development to API integrations and framework basics.
• Includes projects like a Tinder swipe effect, a Windows 95 Paint clone, and a local ChatGPT implementation.
• Utilizes modern web technologies such as Astro, TypeScript, and Tailwind CSS for the project showcase website.

Maintenance & Community

• The project is maintained by midudev, a prominent figure in the Spanish-speaking developer community.
• Active community contributions are encouraged via pull requests.
• Links: YouTube, Twitter

Licensing & Compatibility

• The repository itself does not explicitly state a license in the provided README snippet. However, the nature of open-source projects typically implies a permissive license unless otherwise specified.
• Compatibility for commercial use would depend on the specific license chosen for the repository.

Limitations & Caveats

The README does not specify a license, which could be a concern for commercial adoption or derivative works. While many projects are self-contained, some may rely on external APIs that could change or become deprecated.