This is a collection of small web projects I made with plain HTML, CSS and JavaScript, without any frameworks. I built them in 2023 to practice working with the DOM, events and localStorage.
| Project | What it does |
|---|---|
| To-Do App | Add and delete tasks, search through them. Tasks are saved in localStorage. |
| Quiz App | A short multiple choice quiz about JavaScript that shows your score at the end. |
| Drag n Drop | Drag an image card between boxes using the HTML Drag and Drop API. |
| Weekly Budget App | Set a weekly budget, add expenses and see how much money is left. |
| Speed Typing Game | Type the shown word before the time runs out. Has three difficulty levels. |
The Weekly Budget and Drag n Drop projects are based on a tutorial by Aman Maharshi.
- HTML
- CSS
- JavaScript (no frameworks)
- Bootstrap from a CDN (only for the To-Do, Weekly Budget and Speed Typing projects)
-
Clone the repo:
git clone https://github.com/IkboljonMe/vanilla-js-projects.git
-
Go into the folder of the project you want to try, for example:
cd vanilla-js-projects/todos -
Open
index.htmlin your browser. You can also use the Live Server extension in VS Code.
There is nothing to install. Some styles and fonts load from a CDN, so you need internet for them.
Made by IkboljonMe