1.practical-tutorials / project-based-learning
Curated list of project-based tutorials
Ranked by Attention Score: stars gained over the last 180 complete days
1–100 of 595 by Attention Score · May 7, 2026 – Nov 2, 2026 (UTC)
Curated list of project-based tutorials
JavaScript in-page GUI agent. Control web interfaces with natural language.
The library for web and native user interfaces.
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
Stealth headless browser for AI agents — bypass Cloudflare, bot detection, and anti-scraping. Drop-in Puppeteer/Playwright replacement.
JavaScript animation engine
JavaScript 3D Library.
A Collection of application ideas which can be used to improve your coding skills.
📦 Repomix is a powerful tool that packs your entire repository into a single, AI-friendly file. Perfect for when you need to feed your codebase to Large Language Models (LLMs) or other AI tools like Claude, ChatGPT, DeepSeek, Perplexity, Gemini, Gemma, Llama, Grok, and more.
Opensource IDE For Exploring and Testing API's (lightweight alternative to Postman/Insomnia)
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
A Collection of application ideas that can be used to improve your coding skills ❤.
Build production-ready applications in TypeScript
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
Create beautiful applications using Go
Independent technology for modern publishing, memberships, subscriptions and newsletters.
Composio powers 1000+ toolkits, tool search, context management, authentication, and a sandboxed workbench to help you build AI agents that turn intent into action.
Codebase intelligence for TypeScript and JavaScript. Health, complexity hotspots, duplication, architecture boundaries, circular dependencies, design-system drift, and unused code, from one graph. CLI, GitHub Action, LSP, MCP, and VS Code. Rust, MIT licensed.
A modern runtime for JavaScript and TypeScript.
See interfaces like a human. E2E testing in natural language.
React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
The headless rich text editor framework for web artisans.
🗂 The essential checklist for modern web development, for humans and AI agents
⚓ A collection of high-performance JavaScript tools.
Fast, disk space efficient package manager
Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF
AI Agent Engineering Platform built on an Open Source TypeScript AI Agent Framework
24 Lessons, 12 Weeks, Get Started as a Web Developer
Easy to maintain open source documentation websites.
🌈 React for interactive command-line apps
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
Deliver web apps with confidence 🚀
The most advanced free and open-source browser fingerprinting library
This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable, and secure AI workflows from session setup to service orchestration.
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
OWASP Juice Shop: Probably the most modern and sophisticated insecure web application
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
Self-hosted collection of powerful web-based tools for everyday tasks. No ads, no tracking, just fast, accessible utilities right from your browser!
Build system optimized for JavaScript and TypeScript, written in Rust
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
高颜值的第三方网易云播放器,支持 Windows / macOS / Linux :electron:
🤖 A client-first, server-capable, fully type-safe router and full-stack framework for the web (React and more).
Low code web framework for real world applications, in Python and Javascript
Fast, unopinionated, minimalist web framework for node.
The Monorepo Platform that amplifies both developers and AI agents. Nx optimizes your builds, scales your CI, and fixes failed PRs automatically. Ship in half the time.
A fast, simple & powerful blog framework, powered by Node.js.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
Clean Code concepts adapted for JavaScript
State machines, statecharts, and actors for complex logic
A terminal for the web
📊 An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!
Your Friendly Open-Source Gen-AI Platform
Promise based HTTP client for the browser and node.js
Prettier is an opinionated code formatter.
An open-source engine that turns continuous content streams into search and monitoring. Durable ingestion, hybrid search, alerts, and plugins for formats, models and business rules.
Scan and fix React performance issues
MagicMirror² is an open source modular smart mirror platform. With a growing list of installable modules, the MagicMirror² allows you to convert your hallway or bathroom mirror into your personal assistant.
JavaScript Style Guide
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
⚡️ Streaming torrent client for the web
Redefined chart library built with React and D3
Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
Simple HTML5 Charts using the <canvas> tag
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
Fast Rust bundler for JavaScript/TypeScript with Rollup-compatible API.
🍼 Plugin driven WYSIWYG markdown editor framework.
The batteries-included full-stack framework for the AI era. Develop JS/TS web apps (React, Node.js, and Prisma) using declarative code that abstracts away complex full-stack features like auth, background jobs, RPC, email sending, end-to-end type safety, single-command deployment, and more.
A commenting system powered by GitHub Discussions. :octocat: :speech_balloon: :gem:
WebGL2 powered visualization framework
Find and fix problems in your JavaScript code.
Desktop environment in the browser
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Use any web browser or WebView as GUI, with your preferred language in the backend and modern web technologies in the frontend, all in a lightweight portable library.
📜 33 JavaScript concepts every developer should know.
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Fast math typesetting for the web.
A Git-based CMS for Static Site Generators
A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Bidirectional and low-latency communication for every platform
A professional front-end template for building fast, robust, and adaptable web apps or sites.
👶🏻 신입 개발자 전공 지식 & 기술 면접 백과사전 📖
a 2D rigid body physics engine for the web ▲● ■
An extremely fast bundler for the web
Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
Cross-platform desktop GUI app to clean image metadata
A terminal built on web technologies
A lightweight Node.js private proxy registry
The next open source file uploader for web browsers :dog:
🌳 Tiny & elegant JavaScript HTTP client based on the Fetch API
🛏 An HTML to Markdown converter written in JavaScript
SVG Optimizer for Node.js and CLI. ⚙️
Deprecated in favour of Video.js 10; security updates only. Simple HTML5, YouTube and Vimeo player.