Skip to content

A 30-day coding sprint focused on building 30 fully functional front-end projcts to strengthen design logic, responsiveness and interactivity.

License

Notifications You must be signed in to change notification settings

newinhere07-boop/30-Days-HTML-CSS-and-JS-Challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧠 30 Days — 30 Projects Challenge (HTML, CSS & JavaScript)

A self-driven 30-day coding challenge to build 30 front-end projects using only HTML, CSS, and JavaScript — focused on improving problem-solving, UI/UX design, and interactive web logic.


🎯 Objective

To strengthen core front-end skills through daily practical development, focusing on:

  • Writing clean and semantic HTML
  • Mastering CSS layouts (Flexbox & Grid)
  • Applying dynamic logic with vanilla JavaScript
  • Enhancing responsiveness and interactivity
  • Building consistent coding discipline and creativity

🧩 Tech Stack

  • Languages: HTML5, CSS, JavaScript
  • Tools: VS Code, Git, Live Server
  • Libraries: None — 100% vanilla implementation

🗓️ Challenge Format

  • Duration: 30 consecutive days
  • Goal: 1 unique project every day
  • Focus: Logic, design, and polish over complexity

Each project folder includes its own index.html, style.css, and script.js.


🧠 Key Learnings

  • Improved understanding of DOM manipulation and event handling
  • Gained fluency in responsive design and layout composition
  • Practiced code reusability and clean UI logic
  • Strengthened debugging and incremental deployment skills

🧰 How to Run

  1. Clone the repository
    git clone https://github.com/<your-username>/30Days30Projects.git

About

A 30-day coding sprint focused on building 30 fully functional front-end projcts to strengthen design logic, responsiveness and interactivity.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published