100-javascript-projects

(★ 317)

Explore a curated collection of 100 practical JavaScript projects to sharpen your skills from beginner to advanced levels.

File Explorer

Download Latest Version (.zip)

- index.html
- script.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- script.js
- style.css
- index.html
- script.js
- style.css
- index.html
- index.js
- style.css
- index.html
- script.js
- styles.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- style.css
- index.html
- script.js
- index.html
- index.html
- index.html
- index.html
- index.html
- app.js
- index.html
- style.css
- app.js
- index.html
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- index.js
- style.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- qrcode.min.js
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- - content.js
  - popup.css
  - popup.html
  - popup.js
- manifest.json
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- app.js
- index.html
- styles.css
- heatmap.js
- index.html
- styles.css
- dashboard.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- index.html
- script.js
- styles.css
- app.js
- index.html
- styles.css
- index.html
- .gitignore
- index.html
- package-lock.json
- package.json
- script.js
- server.js
- style.css
- - hangman-2.png
- index.html
- script.js
- style.css
- index.html
- script.js
- style.css
- index.html
- script.js
- style.css
- index.html
- script.js
- style.css
- index.html
- script.js
- style.css
- app.js
- index.html
- readme.md
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- readme.md
- styles.css
- app.js
- index.html
- styles.css
- app.js
- index.html
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles-high-contrast.css
- styles.css
- index.html
- script.js
- styles.css
- index.html
- readme.md
- script.js
- styles.css
- index.html
- readme.md
- script.js
- styles.css
- - image1.jpg
  - image2.jpg
  - image3.jpg
- index.html
- readme.md
- script.js
- styles.css
- index.html
- readme.md
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
- index.html
- script.js
- styles.css
.gitignore
CONTRIBUTING.md
LICENSE
README.md
screen.png
screenshot.png

# Installation Guide

1. Get the code

git clone https://github.com/pradipchaudhary/100-javascript-projects

Downloads the entire project code from GitHub to your computer.

cd 100-javascript-projects

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

cd 75-Chess Game

This project's files live in a subfolder, so move into it first.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.