Skip to content

Repository files navigation

πŸ“Œ JavaScript Journey Dashboard

HTML5 CSS3 JavaScript License: MIT

🌐 Interactive Learning Hub & Progress Dashboard

Welcome to my central JavaScript Journey repository! This project serves as an interactive hub and portfolio dashboard tracking my daily progress in mastering modern JavaScript, DOM manipulation, state management, and web utilities.


πŸš€ Project Overview

This main directory contains the interactive Control Panel Dashboard (index.html), which links directly to individual daily exercise modules. Each completed module includes source code, browser output screenshots, and a detailed README.md log.


πŸ—ΊοΈ 20-Day Learning Roadmap

Day Module Focus Topic Status Key Deliverable
Day 01 JS Introduction & Setup βœ… Completed External Scripts & Console Logs
Day 02 Data Types & Operations βœ… Completed Primitive Data Types Practice
Day 03 Variables (var, let, const) βœ… Completed Memory Allocation Checks
Day 04 Let vs Const Scope βœ… Completed Variable Reassignment Logic
Day 05 String Manipulation βœ… Completed Template Literals & Methods
Day 06 Operators & Expressions βœ… Completed Arithmetic & Assignment Ops
Day 07 Functions & Parameters βœ… Completed Function Expressions & Returns
Day 08 Scope & Execution Context βœ… Completed Global vs Local Scope
Day 09 Logical Operators (&&, ` , !`)
Day 10 Conditional Decisions (if/else) βœ… Completed ATM & Grade Decision Trees
Day 11 Switch Statements ⏳ Upcoming Multi-branch Conditionals
Day 12 Loops (for, while) ⏳ Upcoming Iterative Processing
Day 13 Arrays & Operations ⏳ Upcoming Data Lists & Manipulation
Day 14 Array Methods (map, filter) ⏳ Upcoming Functional Transformations
Day 15 Objects & Properties ⏳ Upcoming Key-Value Data Models
Day 16 DOM Selection ⏳ Upcoming Querying HTML Elements
Day 17 Event Listeners ⏳ Upcoming Interactive UI Triggers
Day 18 Forms & Inputs ⏳ Upcoming Validation & Submission
Day 19 Asynchronous JS (Promises) ⏳ Upcoming Async Operations
Day 20 Fetch API & Data Requests ⏳ Upcoming External API Integration

πŸ’» Root Repository Architecture

JavaScript-Journey/
β”œβ”€β”€ index.html              <-- Main Dashboard Control Panel
β”œβ”€β”€ style.css               <-- Control Panel Layout Styles
β”œβ”€β”€ LICENSE                 <-- MIT Open-Source License
β”œβ”€β”€ README.md               <-- Main Repository Documentation
β”œβ”€β”€ Day-1-JS-Introduction/
β”œβ”€β”€ Day-2-JS-Data-Types/
β”œβ”€β”€ ...
└── Day-10-JS-Conditional-Decisions/
    β”œβ”€β”€ index.html
    β”œβ”€β”€ style.css
    β”œβ”€β”€ script.js
    β”œβ”€β”€ README.md
    └── assets/
        └── images/

πŸš€ Live Interactive Deployment

πŸ”— Experience the interactive dashboard on Vercel


πŸ‘€ Author

Asima Waheed


πŸ“œ License

This repository is open-source and released under the MIT License.


⭐ Feedback & Connect

If you are following a daily programming routine, exploring frontend development, or have suggestions for my JavaScript modules, feel free to star this repository or connect with me!

About

πŸš€JavaScript Journey - A day-wise learning repository documenting my JavaScript journey from basics to advanced concepts. Each folder contains daily practice, projects and hands-on learning progress.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages