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 1,099 by Attention Score · May 7, 2026 – Nov 2, 2026 (UTC)
Curated list of project-based tutorials
🎥 Make videos programmatically with React
High performance self-hosted photo and video management solution.
freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.
The open alternative to Salesforce, designed for AI.
The largest open-source library of animated, interactive, and customizable React & Next.js components for building standout web products and experiences. Built for humans and AI agents.
JavaScript in-page GUI agent. Control web interfaces with natural language.
Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
Open-source live-chat, email support, omni-channel desk. An alternative to Intercom, Zendesk, Salesforce Service Cloud etc. 🔥💬
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!
Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one
Stealth headless browser for AI agents — bypass Cloudflare, bot detection, and anti-scraping. Drop-in Puppeteer/Playwright replacement.
Node.js JavaScript runtime ✨🐢🚀✨
:hedgehog: PostHog is the leading platform for building self-driving products. Our developer tools – AI observability, analytics, session replay, flags, experiments, error tracking, logs, and more – capture all the context agents need to diagnose problems, uncover opportunities, and ship fixes. Steer it all from Slack, web, desktop, or the MCP.
JavaScript animation engine
best way to save what you love
🎮 Open-source, cross-platform 2D/3D/multiplayer game engine designed for everyone.
Mastra is the modern TypeScript framework for AI-powered applications and agents.
JavaScript 3D Library.
A Collection of application ideas which can be used to improve your coding skills.
GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
uBlock Origin - An efficient blocker for Chromium and Firefox. Fast and lean.
📦 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.
一个基于 Electron 的音乐软件
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.
The world's most flexible commerce platform for agents and developers
The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents
draw.io is a JavaScript, client-side editor for general diagramming.
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
Effortlessly compose, extend, and observe every service in real-time for the first time ever.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
Open-source foundation of ToolJet AI - the enterprise app generation platform for internal tools, dashboards, business applications, workflows and AI agents. Build visually, from a prompt, or from Claude Code, Codex and Cursor over MCP 🚀
A Collection of application ideas that can be used to improve your coding skills ❤.
🌐 The Internet Computer! Free, Open-Source, and Self-Hostable.
Build AI Agents, Visually
Build production-ready applications in TypeScript
:octocat: A curated awesome list of lists of interview questions. Feel free to contribute! :mortar_board:
猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
Crawlee—A web scraping and browser automation library for Node.js to build reliable crawlers. In JavaScript and TypeScript. Extract data for AI, LLMs, RAG, or GPTs. Download HTML, PDF, JPG, PNG, and other files from websites. Works with Puppeteer, Playwright, Cheerio, JSDOM, and raw HTTP. Both headful and headless mode. With proxy rotation.
:books: 免费的计算机编程类中文书籍,欢迎投稿
Create beautiful applications using Go
The Privacy First PDF Toolkit
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.
Collection of handy online tools for developers, with great UX.
🚀 Awesome list of open source applications for macOS. https://t.me/s/opensourcemacosapps
A modern runtime for JavaScript and TypeScript.
The fastest knowledge base for growing teams. Beautiful, realtime collaborative, feature packed, and markdown compatible.
☁️ Nextcloud server, a safe home for all your data
Joplin - the privacy-focused note taking app with sync capabilities for Windows, macOS, Linux, Android and iOS.
Open-source, secure environment with real-world tools for enterprise-grade agents.
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.
一个基于 React native 开发的音乐软件
The headless rich text editor framework for web artisans.
🗂 The essential checklist for modern web development, for humans and AI agents
A collection of awesome things regarding React ecosystem
Lightweight static analysis for many languages. Find bug variants with patterns that look like source code.
⚓ A collection of high-performance JavaScript tools.
Fast, disk space efficient package manager
Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF
Coding articles to level up your development skills
坚持分享 GitHub 上高质量、有趣实用的开源技术教程、开发者工具、编程网站、技术资讯。A list cool, interesting projects of GitHub.
AI Agent Engineering Platform built on an Open Source TypeScript AI Agent Framework
The open-source cloud for agents & devs. Including Auth, Databases, Storage, Functions, Messaging, Hosting, Realtime, WAF and more
24 Lessons, 12 Weeks, Get Started as a Web Developer
Performant financial charts built with HTML5 canvas
Easy to maintain open source documentation websites.
🌈 React for interactive command-line apps
小红书(XiaoHongShu、RedNote)链接提取/作品采集工具
:zap: Delightful Node.js packages and resources [BECAUSE OF TOO MUCH SPAM AND LOW-QUALITY SUBMISSIONS, SUBMISSIONS ARE PAUSED TEMPORARILY]
The Prisma ORM: write your application in TypeScript with human-readable queries instead of SQL. Host your database on Prisma Postgres and your app on Prisma Compute.
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
🚀 Fast and simple Node.js version manager, built in Rust
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Slint is an open-source declarative GUI toolkit to build native user interfaces for Rust, C++, JavaScript, or Python apps.
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
</> htmx - high power tools for HTML
《代码随想录》LeetCode 刷题攻略:200道经典题目刷题顺序,共60w字的详细图解,视频难点剖析,50余张思维导图,支持C++,Java,Python,Go,JavaScript等多语言版本,从此算法学习不再迷茫!🔥🔥 来看看,你会发现相见恨晚!🚀
API, CLI, and Web App for analyzing and finding a person's profile in 1000 social media \ websites
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first.
Deliver web apps with confidence 🚀
A modern load testing tool, using Go and JavaScript
A toolchain for web projects, aimed to provide functionalities to maintain them. Biome offers formatter and linter, usable via CLI and LSP.
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.
Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
Bitwarden client apps (web, browser extension, desktop, and cli).
Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
Conductor is an event driven agentic workflow engine providing durable and highly resilient execution engine for applications and AI Agents