JavaScript Projects with Source Code — 55+ Free Vanilla JS, Vue & Node Projects (2026)

itsourcecode.com hosts 55+ free JavaScript projects with full source code (2026) — browser games, utility apps, CRUD demos, Vue.js components, and small mini-systems. Most projects use vanilla JavaScript + HTML + CSS (no build step, no npm install, no framework) — open index.html in any browser and they run. A handful use Vue 3 for SPA-style demos. Browse by domain below.

Why JavaScript projects matter for any BSIT student in 2026

Three reasons JavaScript practice projects pay off no matter your capstone stack: (1) Every BSIT defense touches a browser — even Django, Laravel, and Java Spring Boot capstones render in HTML/CSS/JS. The frontend skills you build here transfer everywhere. (2) Vanilla JS runs anywhere — no build step means no “it works on my machine” surprises. Open the file in Chrome on the panel’s laptop, it runs. (3) The hiring market is browser-first — after BSIT, the highest demand is for JavaScript developers. Practice now compounds.

Featured JavaScript projects by domain

🎮 Browser Games

The most popular JavaScript practice category — perfect for learning DOM events, requestAnimationFrame, and canvas.

• Tic Tac Toe in JavaScript
• Hangman Game (from scratch)
• Memory Game
• Puzzle Game
• Simple Maze Game
• Ping Pong Game
• Car Racing Game
• Color Guessing Game
• Typing Speed Game
• Solitaire Card Game
• Blackjack (Vue.js)
• Solitaire Card Game (Vue.js)
• Wordswipe Game (Vue.js)

🛠️ Utilities, Calculators & Converters

• Simple Calculator
• Currency Converter
• Weather App
• Random Password Generator
• Text Editor
• Virtual Keyboard
• Text to Speech Reader
• Expense Tracker
• Music Player
• JavaScript Drum Kit
• Modal Popup Component

📱 Web app fundamentals (CRUD, Todo, Auth)

The “foundation pattern” set — every modern web app uses these techniques.

• Todo List
• CRUD Operations in JavaScript
• Simple CRUD (Vue.js)
• Login System
• Login Page
• Registration Form with Validation

📦 Mini management systems

• Student Management System
• Employee Management System (Vue.js)
• Book Management System (Vue.js)
• Attendance Management System
• Movie Management System
• Point of Sale (POS)
• Examination App
• E-commerce App (JS Framework)

🎨 Canvas, drawing & animation

• Drawing a Circle (Canvas)

Featured beginner reference: start here

• JavaScript Projects For Beginners With Free Source Code — Curated beginner roundup with explanations for each project. Best starting point if you’re new to JavaScript.
• Vue vs React: Which Framework To Choose — read before picking a framework for your capstone.

About this JavaScript projects collection

Curated since 2015 by PIES Information Technology Solutions, Binalbagan, Negros Occidental, Philippines. Each project tested in current Chrome / Firefox / Safari (and where applicable Node.js 20+) before publishing. Used by 12,000+ BSIT students monthly.

Related capstone project collections

• JavaScript Tutorial — 598 language tutorials (syntax, features, debugging)
• React Projects — React-specific project collection
• Vue JS Projects — Vue-specific project collection
• jQuery Projects — legacy jQuery-based projects
• Best Python Projects with Source Code — 250+ Python capstones
• Django Projects with Source Code — 110+ Django capstones
• Laravel Projects with Source Code — 70+ Laravel capstones
• PHP Projects with Source Code — 300+ PHP + MySQL capstones
• Java Projects with Source Code — 120+ Java capstones
• UML Diagrams Library — 300+ ER, DFD, Class, Use Case diagrams