Skip to product information
1 of 2
⭐⭐⭐⭐⭐ Excellent 4.8 | 2000+ Student Reviews

100 Javascript Projects : Coding Workbook

100 Javascript Projects : Coding Workbook

Regular price Rs. 149.00
Regular price Rs. 499.00 Sale price Rs. 149.00
Sale Sold out

🔒 Secure Checkout · 📥 Instant Access · 📚 Learn Forever

View full details
100 JavaScript Projects: Coding Workbook — ByteMart Digital
Limited-time deal — all 100 projects for just ₹149 Full source code + 2 guide PDFs included Instant download · lifetime access Loved by 2,000+ learners · 4.9/5 Limited-time deal — all 100 projects for just ₹149 Full source code + 2 guide PDFs included Instant download · lifetime access Loved by 2,000+ learners · 4.9/5
Coding Workbook · 2026 Edition

BuildCopyRun 100 JavaScript Projects

100 real projects with complete source code — no frameworks, no build tools required. Just open a folder and run, from a Counter and To-Do List to Tetris, a Mandelbrot Explorer and an unbeatable Tic-Tac-Toe AI.

Offer ends in 00:00:00
₹149 ₹49970% OFF
Get All 100 Projects Instant Google Drive access
Instant Download No Frameworks Full Source Code One-Time Payment
100 projectsready to run
Instantdownload
index.html — 100 Projects Launcher

Browse all projects

100 total
AllBeginnerGamesCanvasTools
0
Runnable Projects
0%
No Frameworks · Zero Setup
0
Categories
3
Files Per Project
What's inside the workbook

Beginner to advanced — 100 projects

Two complete collections — 100 self-contained projects, each with its own index.html, style.css and script.js, plus a launcher to run them all from one page.

Pack 01 · Core 50

Fundamentals → Mini-Apps

Master the DOM, events and state, then build real forms, calculators and CRUD apps.

24 Beginner15 Intermediate11 Advanced
IncludesCounter AppTo-Do ListCalculatorWeather CardQuiz App+45 more
12 categoriesUI Basics · CRUD · Time & Dates · Calculators · Data & Arrays · Text Tools · Logic · Games · UI Components · Forms · Canvas · Utilities
Pack 02 · Advanced 50

Canvas · Games · Algorithms

Fifty ambitious builds — the kind that make a portfolio actually stand out.

All AdvancedCanvas 2DWeb Audio
IncludesMandelbrot ExplorerBoids FlockingTetrisA* PathfindingVirtual Piano+45 more
6 categoriesCreative Canvas & Animation · Physics & Simulation · Classic Games · Data Visualization & Algorithms · Productivity Tools · Interactive UI Components
Not just to-do apps

Projects that get you noticed

The kind of projects that make a resume stand out — an unbeatable game AI, live pathfinding, fractal explorers, physics simulations and more — all built from scratch, no libraries.

GAME AI

Unbeatable Tic-Tac-Toe

An AI that never loses — it explores every possible outcome with the minimax algorithm and always plays optimally.

minimaxrecursiongame trees
ALGORITHMS

A* Pathfinding Visualizer

Draw walls on a grid and watch A* explore cells and trace the shortest path around your obstacles, live.

A* searchheuristicsgrid graphs
CANVAS MATH

Mandelbrot Explorer

Every pixel tested against the escape-time iteration, coloured by divergence — click to zoom into infinite detail.

complex numbersImageDatazoom
EMERGENCE

Boids Flocking Simulation

Three local rules — separation, alignment, cohesion — and lifelike flocking emerges. No boid knows the whole.

vector steeringagents
PHYSICS

Verlet Rope & Cloth

Points integrated with Verlet integration and linked by constraints — a rope that swings and settles naturally.

Verlet integrationconstraints
WEB AUDIO

Audio Frequency Visualizer

A tone generated through the Web Audio API, run through an FFT analyser and drawn live as dancing bars.

AnalyserNodeFFTreal-time
Peek inside

Browse a slice of the 100

Every project ships with full, readable source — built to be copied, run, and remixed.

index.html — 100 Projects Launcher
100 projects
Tap any project to see what it does · all 100 included in your download
project.html

Project

Description

Get all 100 projects
What's in your download

A folder with 100 projects, source code & guide PDFs

100-JavaScript-Projects.zip
100-JavaScript-Projects/
core-50/ 50 projects
index.html launcher
01-counter-app/
index.html
style.css
script.js
… 49 more projects
advanced-50/ 50 projects
index.html launcher
… 50 projects
Core-50-Guide.pdf
Advanced-50-Guide.pdf
What you get

Everything included, nothing to install

100 complete projects

Full working HTML, CSS & JavaScript source for every single build.

Clean, readable source

Written to be copied, understood, and remixed — no minified mess.

Zero setup, runs offline

No frameworks, no libraries, no build step, no internet. Just open a file.

Built-in launcher

Each pack's index.html is a searchable, filterable launcher to browse and run its 50 projects.

Two illustrated guide PDFs

Each project explained — what it teaches, its features, and the folder to open.

Lifetime access & updates

Beginner → Advanced difficulty, plus free future updates. Pay once, keep forever.

Made for you if

You learn by building, not just watching

Students & freshers

Fill your GitHub with 100 real builds that actually get you shortlisted.

Tutorial-hell escapees

You know the syntax but freeze on a blank editor. This is the cure.

Curious builders

Always wanted to write a fractal, a physics sim, or a game AI? Now you can.

Self-taught coders

A structured, no-fluff path so you always know the next thing to build.

Launch price ends soon

Stop watching tutorials — start building the real projects that actually get you hired

100 projects · full source · 2 guide PDFs · lifetime access — for ₹499 just ₹149

00
HRS
00
MIN
00
SEC
Instant DownloadLifetime AccessSecure Checkout
Learner results

The results speak louder than tutorials

I stopped rewatching tutorials and just started building. Put the Kanban board and expense tracker on my GitHub — got two interview callbacks that month.

R
Rahul K.
CS Final Year

The Advanced pack is unreal for the price. I actually understood A* and minimax by reading the source instead of watching a 3-hour video.

S
Sneha M.
Frontend Aspirant

No install, no npm, just open and run. Perfect for seeing how a small app actually fits together. Worth way more than ₹149.

A
Aman T.
Self-taught Dev

The launcher alone is worth it — I can jump into any project in seconds and see exactly how it is built. Super beginner-friendly.

P
Priya S.
BCA Student

Bought it for my younger brother learning JS. He has already built 15 projects in a week without touching a single tutorial.

V
Vikram R.
Software Engineer

The guide PDFs are underrated. Every project has a clear explanation of what it teaches — great for quick revision before interviews.

N
Neha G.
Bootcamp Grad

I stopped rewatching tutorials and just started building. Put the Kanban board and expense tracker on my GitHub — got two interview callbacks that month.

R
Rahul K.
CS Final Year

The Advanced pack is unreal for the price. I actually understood A* and minimax by reading the source instead of watching a 3-hour video.

S
Sneha M.
Frontend Aspirant

No install, no npm, just open and run. Perfect for seeing how a small app actually fits together. Worth way more than ₹149.

A
Aman T.
Self-taught Dev

The launcher alone is worth it — I can jump into any project in seconds and see exactly how it is built. Super beginner-friendly.

P
Priya S.
BCA Student

Bought it for my younger brother learning JS. He has already built 15 projects in a week without touching a single tutorial.

V
Vikram R.
Software Engineer

The guide PDFs are underrated. Every project has a clear explanation of what it teaches — great for quick revision before interviews.

N
Neha G.
Bootcamp Grad
FAQ

Answers to common questions asked

01Do I need to install anything?
+

No. Every project is plain HTML, CSS and JavaScript with zero dependencies — no frameworks, no libraries, no build step. Just open a file in your browser and it runs, fully offline.

02Do I need to be good at JavaScript already?
+

A little helps — basic JavaScript knowledge is enough to follow along and get the most out of the projects. If you're starting from scratch, go through our JavaScript Mastery Bundle first to build your fundamentals, then come back and build all 100.

03How is each project organised?
+

Each project lives in its own folder with three files — index.html, style.css and script.js — so you can read them together and see how a small app fits together. Each pack's index.html is a launcher to browse and run its 50 projects.

04Is the full source code included?
+

Yes — complete, readable source for all 100 projects, plus two illustrated guide PDFs explaining what each one teaches, its features, and the folder to open.

05How do I get it after paying?
+

Instantly. Right after checkout you get a Google Drive link with all project folders and the guide PDFs. No waiting. Do check your spam/junk folder as well, as the email sometimes gets filtered out.

06Can I use these in my portfolio?
+

Absolutely — build them, change them, and add your versions to your GitHub and resume. They're for personal and educational use; please don't redistribute or resell the pack itself.

07Is this a one-time payment?
+

Yes — pay once and keep it for life, including future updates. No subscription.

Stop planning. Start building projects

Build 100 Projects.
Become the PRO developer.

No setup, no excuses. Open the folder and your first project runs in seconds.

Instant Download No Frameworks Full Source Lifetime Access