Skip to content

codeharman/90-days-of-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

90 Days of JavaScript 🚀

Welcome to my 90 Days of JavaScript Challenge!
The goal of this repo is to escape tutorial hell, master JS fundamentals, and build 90 real-world projects from scratch.


🎯 Goals

  • Strengthen JavaScript fundamentals (DOM, functions, events, arrays, objects, async).
  • Build 90 projects (easy → medium → hard).
  • Practice problem solving with LeetCode in parallel.
  • Create a public portfolio of deployed apps.

📅 Daily Log

Day Project Live Demo Code
1 Counter App Live Code
2 Digital Clock Live Code
3 Stopwatch/Timer Live Code
4 Random Quote Generator Live Code
5 Color Flipper Live Code
6 Palindrome Checker Live Code
7 Word Counter Live Code
8 BMI Calculator Live Code
9 Temperature Converter Live Code
10 To-Do List Live Code
11 Basic Calculator Live Code
12 Dice Roller Live Code
13 Rock Paper Scissors Live Code
14 Tip Calculator Live Code
15 Random Password Generator Live Code
16 Text Reverser Live Code
17 Character Counter Live Code
18 Accordion Live Code
19 Modal Popup Live Code
20 Image Carousel/Slider Live Code
21 Dark/Light Theme Toggle Live Code
22 Keyboard Key Logger Live Code
23 Guess the Number Game Live Code
24 Weather App (API) Live Code
25 Local Storage Notes App Live Code
26 Form Validation Live Code
27 Quiz App Live Code
28 Countdown Timer Live Code
29 Scroll Progress Bar Live Code
30 Expense Tracker Live Code
31 Pomodoro Timer Live Code
32 Movie Search App (API) Live Code
33 Music Player Live Code
34 Recipe Finder App (API) Live Code
35 Github User Finder (API) Live Code
36 Markdown Previewer Live Code
37 Currency Converter (API) Live Code
38 Meme Generator (API) Live Code
39 News Feed (API) Live Code
40 Infinite Scroll Blog Live Code
41 Shopping Cart Live Code
42 Drag & Drop Task Board Live Code
43 URL Shortener (API) Live Code
44 Image Gallery w/ Filter Live Code
45 Joke Generator (API) Live Code
46 Typing Speed Test Live Code
47 Random User Generator Live Code
48 Notes App (CRUD + localStorage) Live Code
49 Contact Manager Live Code
50 Search Autocomplete (API) Live Code
51 Book Finder (Google Books API) Live Code
52 Weather Dashboard (5-day forecast) Live Code
53 Kanban Board Live Code
54 Basic Chat UI (dummy data) Live Code
55 Music Playlist Manager Live Code
56 File Explorer (nested lists) Live Code
57 Browser Tabs Clone Live Code
58 Alarm Clock App Live Code
59 Random Advice Generator Live Code
60 Calendar with Events Live Code
61 E-commerce Store Live Code
62 Chat App (WebSockets / Firebase) Live Code
63 Blogging Platform Live Code
64 Sudoku Solver Live Code
65 Chess Board with Moves Live Code
66 Snake Game Live Code
67 Tetris Game Live Code
68 Minesweeper Live Code
69 Memory Card Game Live Code
70 Spotify Clone (API) Live Code
71 YouTube Mini Clone (API) Live Code
72 Job Board (API) Live Code
73 Twitter Feed Clone Live Code
74 Instagram Feed Viewer Live Code
75 Portfolio Builder App Live Code
76 Markdown Blog Editor Live Code
77 URL Bookmark Manager Live Code
78 Whiteboard Drawing App Live Code
79 Code Editor w/ Syntax Highlighting Live Code
80 Chrome Extension (save notes) Live Code
81 PDF Generator Tool Live Code
82 AI Image Search App (Unsplash API) Live Code
83 Sorting Visualizer Live Code
84 Pathfinding Visualizer (A* algorithm) Live Code
85 Multiplayer Tic Tac Toe (WebSockets) Live Code
86 Quiz App w/ Leaderboard Live Code
87 ChatGPT Clone (API integration) Live Code
88 Stock Market Dashboard (API) Live Code
89 Kanban SaaS (multi-user, backend mock) Live Code
90 Full LeetCode Helper (problem fetcher + tracker) Live Code

📂 Repo Structure

90-days-of-javascript/
│
├── Day01-CounterApp/
│   ├── index.html
│   ├── style.css
│   └── script.js
│
├── Day02-DigitalClock/
│   ├── index.html
│   ├── style.css
│   └── script.js
│
├── Day03-Stopwatch/
│   ├── index.html
│   ├── style.css
│   └── script.js
│
├── ... (up to Day90-LeetCodeHelper)


🚀 Deployment

  • Each project is deployed on Netlify (or Vercel).
  • Links to live demos will be added as projects are completed.

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (ES6+)

📖 Progress Rules

  1. 1 easy project/day (first 30 days).
  2. 1 medium project every 2 days (days 31–60).
  3. 1 hard project/weekend (days 61–90).
  4. Solve 1 LeetCode problem/day starting Day 15.

✅ Current Status

  • Completed: 2/90 projects
  • Completed: 0 LeetCode problems

Stay tuned 🚀

About

90 days of practicing JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published