Here’s a suggested structure for the /project/ directory.

[ajay-dhangar]

/project/
├── basic/
│   ├── simple-webpage/
│   │   ├── challenge/
│   │   │   ├── README.md                # Challenge description and requirements
│   │   │   ├── index.html               # Starter code for the challenge
│   │   └── solution/
│   │       ├── README.md                # Explanation of the solution
│   │       ├── index.html               # Completed HTML solution
│   └── personal-profile/
│       ├── challenge/
│       │   ├── README.md
│       │   ├── index.html
│       └── solution/
│           ├── README.md
│           ├── index.html

├── intermediate/
│   ├── interactive-form/
│   │   ├── challenge/
│   │   │   ├── README.md
│   │   │   ├── form.html                # Starter code for form structure
│   │   └── solution/
│   │       ├── README.md
│   │       ├── form.html                # Completed form with validation
│   ├── portfolio-page/
│   │   ├── challenge/
│   │   │   ├── README.md
│   │   │   ├── index.html
│   │   └── solution/
│   │       ├── README.md
│   │       ├── index.html
│   └── product-landing-page/
│       ├── challenge/
│       │   ├── README.md
│       │   ├── index.html
│       └── solution/
│           ├── README.md
│           ├── index.html

├── advanced/
│   ├── html5-dashboard/
│   │   ├── challenge/
│   │   │   ├── README.md
│   │   │   ├── dashboard.html           # Starter dashboard layout
│   │   └── solution/
│   │       ├── README.md
│   │       ├── dashboard.html           # Completed dashboard with all features
│   ├── canvas-drawing-app/
│   │   ├── challenge/
│   │   │   ├── README.md
│   │   │   ├── drawing-app.html
│   │   └── solution/
│   │       ├── README.md
│   │       ├── drawing-app.html
│   │       ├── script.js                # JavaScript code for canvas functionality
│   └── blog-template/
│       ├── challenge/
│       │   ├── README.md
│       │   ├── index.html
│       └── solution/
│           ├── README.md
│           ├── index.html

└── project-summary.md                   # Overview of all projects and their learning objectives

---

Explanation of Each Folder

• challenge/: Each project’s challenge folder contains instructions and starter code. The README.md provides a description of the challenge, guiding learners on what they need to accomplish.

• solution/: Contains the completed code for each project. The README.md here explains the approach and key aspects of the solution, offering a breakdown of how the final result was achieved.

• project-summary.md: Summarizes all projects with their objectives, providing learners with an overview of the skills each project develops.