Skip to content

πŸš€ 100 Days of Web Development challenge using HTML, CSS & JavaScript. Daily learning, practice, and real-world projects to strengthen frontend development skills.

License

Notifications You must be signed in to change notification settings

Aditya8369/100-Days-Of-Web-Development

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

31 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

100-Days-Of-Web-Development

πŸš€ 100 Days of Web Development challenge using HTML, CSS & JavaScript. Daily learning, practice, and real-world projects to strengthen frontend development skills.

πŸš€ 100 Days of Web Development

πŸ“Œ About This Repository

This repository documents my 100 Days of Web Development Challenge, where I consistently learn, practice, and build projects using HTML, CSS, and JavaScript.

The goal is to strengthen frontend fundamentals, improve problem-solving, and build real-world projects while maintaining daily GitHub consistency.


🎯 Challenge Goals

  • βœ… Master HTML, CSS & JavaScript fundamentals
  • βœ… Build real-world frontend projects
  • βœ… Improve GitHub contribution consistency
  • βœ… Prepare for Open Source, Internships & GSoC
  • βœ… Build a strong developer portfolio

πŸ“‚ Repository Structure

100-days-web-projects/
β”‚
β”œβ”€β”€ πŸ“ README.md                           # Main project overview
β”œβ”€β”€ πŸ“ progress-tracker.md                 # Check off completed projects
β”œβ”€β”€ πŸ“ resources.md                        # Learning resources
β”‚
β”œβ”€β”€ πŸ“ BEGINNER (Days 1-30)                # Basic Projects
β”‚   β”‚
β”‚   β”œβ”€β”€ πŸ“ day-01-personal-portfolio/
β”‚   β”‚   β”œβ”€β”€ index.html
β”‚   β”‚   β”œβ”€β”€ style.css
β”‚   β”‚   β”œβ”€β”€ script.js
β”‚   β”‚   └── README.md
β”‚   β”‚
β”‚   β”œβ”€β”€ πŸ“ day-02-responsive-landing-page/
β”‚   β”œβ”€β”€ πŸ“ day-03-todo-list/
β”‚   β”œβ”€β”€ πŸ“ day-04-weather-app/
β”‚   β”œβ”€β”€ πŸ“ day-05-calculator/
β”‚   β”œβ”€β”€ πŸ“ day-06-quiz-app/
β”‚   β”œβ”€β”€ πŸ“ day-07-expense-tracker/
β”‚   β”œβ”€β”€ πŸ“ day-08-pomodoro-timer/
β”‚   β”œβ”€β”€ πŸ“ day-09-note-taking-app/
β”‚   β”œβ”€β”€ πŸ“ day-10-recipe-book/
β”‚   β”œβ”€β”€ πŸ“ day-11-blog-website/
β”‚   β”œβ”€β”€ πŸ“ day-12-ecommerce-product-page/
β”‚   β”œβ”€β”€ πŸ“ day-13-chat-ui/
β”‚   β”œβ”€β”€ πŸ“ day-14-music-player/
β”‚   β”œβ”€β”€ πŸ“ day-15-drawing-app/
β”‚   β”œβ”€β”€ πŸ“ day-16-password-generator/
β”‚   β”œβ”€β”€ πŸ“ day-17-unit-converter/
β”‚   β”œβ”€β”€ πŸ“ day-18-countdown-timer/
β”‚   β”œβ”€β”€ πŸ“ day-19-tip-calculator/
β”‚   β”œβ”€β”€ πŸ“ day-20-qr-code-generator/
β”‚   β”œβ”€β”€ πŸ“ day-21-flashcards-app/
β”‚   β”œβ”€β”€ πŸ“ day-22-markdown-previewer/
β”‚   β”œβ”€β”€ πŸ“ day-23-currency-converter/
β”‚   β”œβ”€β”€ πŸ“ day-24-bmi-calculator/
β”‚   β”œβ”€β”€ πŸ“ day-25-random-quote-generator/
β”‚   β”œβ”€β”€ πŸ“ day-26-image-gallery/
β”‚   β”œβ”€β”€ πŸ“ day-27-dice-roller/
β”‚   β”œβ”€β”€ πŸ“ day-28-rock-paper-scissors/
β”‚   β”œβ”€β”€ πŸ“ day-29-memory-game/
β”‚   └── πŸ“ day-30-tic-tac-toe/
β”‚
β”œβ”€β”€ πŸ“ INTERMEDIATE (Days 31-60)           # Intermediate Projects
β”‚   β”‚
β”‚   β”œβ”€β”€ πŸ“ day-31-job-board/
β”‚   β”œβ”€β”€ πŸ“ day-32-social-media-dashboard/
β”‚   β”œβ”€β”€ πŸ“ day-33-real-estate-website/
β”‚   β”œβ”€β”€ πŸ“ day-34-hotel-booking-system/
β”‚   β”œβ”€β”€ πŸ“ day-35-food-delivery-app/
β”‚   β”œβ”€β”€ πŸ“ day-36-fitness-tracker/
β”‚   β”œβ”€β”€ πŸ“ day-37-event-management/
β”‚   β”œβ”€β”€ πŸ“ day-38-booking-appointment-system/
β”‚   β”œβ”€β”€ πŸ“ day-39-online-learning-platform/
β”‚   β”œβ”€β”€ πŸ“ day-40-movie-database/
β”‚   β”œβ”€β”€ πŸ“ day-41-github-profile-finder/
β”‚   β”œβ”€β”€ πŸ“ day-42-stock-market-tracker/
β”‚   β”œβ”€β”€ πŸ“ day-43-news-aggregator/
β”‚   β”œβ”€β”€ πŸ“ day-44-chat-application/
β”‚   β”œβ”€β”€ πŸ“ day-45-project-management-tool/
β”‚   β”œβ”€β”€ πŸ“ day-46-ecommerce-cart/
β”‚   β”œβ”€β”€ πŸ“ day-47-banking-dashboard/
β”‚   β”œβ”€β”€ πŸ“ day-48-flight-booking-system/
β”‚   β”œβ”€β”€ πŸ“ day-49-recipe-sharing-platform/
β”‚   β”œβ”€β”€ πŸ“ day-50-blog-with-cms/
β”‚   β”œβ”€β”€ πŸ“ day-51-portfolio-with-blog/
β”‚   β”œβ”€β”€ πŸ“ day-52-task-management-board/
β”‚   β”œβ”€β”€ πŸ“ day-53-file-uploader/
β”‚   β”œβ”€β”€ πŸ“ day-54-code-editor/
β”‚   β”œβ”€β”€ πŸ“ day-55-voice-notes-app/
β”‚   β”œβ”€β”€ πŸ“ day-56-expense-splitter/
β”‚   β”œβ”€β”€ πŸ“ day-57-habit-tracker/
β”‚   β”œβ”€β”€ πŸ“ day-58-budget-planner/
β”‚   β”œβ”€β”€ πŸ“ day-59-meal-planner/
β”‚   └── πŸ“ day-60-travel-planner/
β”‚
β”œβ”€β”€ πŸ“ ADVANCED (Days 61-90)               # Advanced Projects
β”‚   β”‚
β”‚   β”œβ”€β”€ πŸ“ day-61-fullstack-ecommerce/
β”‚   β”œβ”€β”€ πŸ“ day-62-social-network/
β”‚   β”œβ”€β”€ πŸ“ day-63-video-conferencing/
β”‚   β”œβ”€β”€ πŸ“ day-64-online-code-editor/
β”‚   β”œβ”€β”€ πŸ“ day-65-real-time-collaboration/
β”‚   β”œβ”€β”€ πŸ“ day-66-stock-trading-simulator/
β”‚   β”œβ”€β”€ πŸ“ day-67-multiplayer-game/
β”‚   β”œβ”€β”€ πŸ“ day-68-ai-chatbot/
β”‚   β”œβ”€β”€ πŸ“ day-69-blockchain-explorer/
β”‚   β”œβ”€β”€ πŸ“ day-70-data-visualization-dashboard/
β”‚   β”œβ”€β”€ πŸ“ day-71-crypto-wallet/
β”‚   β”œβ”€β”€ πŸ“ day-72-iot-dashboard/
β”‚   β”œβ”€β”€ πŸ“ day-73-machine-learning-ui/
β”‚   β”œβ”€β”€ πŸ“ day-74-voice-assistant/
β”‚   β”œβ”€β”€ πŸ“ day-75-ar-web-app/
β”‚   β”œβ”€β”€ πŸ“ day-76-pwa-news-app/
β”‚   β”œβ”€β”€ πŸ“ day-77-real-time-analytics/
β”‚   β”œβ”€β”€ πŸ“ day-78-document-editor/
β”‚   β”œβ”€β”€ πŸ“ day-79-email-client/
β”‚   β”œβ”€β”€ πŸ“ day-80-project-management-saas/
β”‚   β”œβ”€β”€ πŸ“ day-81-healthcare-portal/
β”‚   β”œβ”€β”€ πŸ“ day-82-elearning-platform/
β”‚   β”œβ”€β”€ πŸ“ day-83-recruitment-platform/
β”‚   β”œβ”€β”€ πŸ“ day-84-real-time-chat-support/
β”‚   β”œβ”€β”€ πŸ“ day-85-auction-platform/
β”‚   β”œβ”€β”€ πŸ“ day-86-freelance-marketplace/
β”‚   β”œβ”€β”€ πŸ“ day-87-music-streaming/
β”‚   β”œβ”€β”€ πŸ“ day-88-video-streaming/
β”‚   β”œβ”€β”€ πŸ“ day-89-smart-home-dashboard/
β”‚   └── πŸ“ day-90-enterprise-crm/
β”‚
β”œβ”€β”€ πŸ“ CAPSTONE (Days 91-100)              # Final Projects
β”‚   β”‚
β”‚   β”œβ”€β”€ πŸ“ day-91-92-microservices-project/
β”‚   β”œβ”€β”€ πŸ“ day-93-94-open-source-contribution/
β”‚   β”œβ”€β”€ πŸ“ day-95-96-fullstack-application/
β”‚   β”œβ”€β”€ πŸ“ day-97-98-complex-dashboard/
β”‚   └── πŸ“ day-99-100-master-project/
β”‚
β”œβ”€β”€ πŸ“ templates/                          # Reusable templates
β”‚   β”œβ”€β”€ πŸ“ html-template/
β”‚   β”œβ”€β”€ πŸ“ css-template/
β”‚   β”œβ”€β”€ πŸ“ js-template/
β”‚   β”œβ”€β”€ πŸ“ api-template/
β”‚   └── πŸ“ component-library/
β”‚
β”œβ”€β”€ πŸ“ assets/                             # Shared assets
β”‚   β”œβ”€β”€ πŸ“ images/
β”‚   β”œβ”€β”€ πŸ“ icons/
β”‚   β”œβ”€β”€ πŸ“ fonts/
β”‚   └── πŸ“ styles/
β”‚       β”œβ”€β”€ variables.css
β”‚       β”œβ”€β”€ utilities.css
β”‚       └── animations.css
β”‚
β”œβ”€β”€ πŸ“ tools/                              # Development tools
β”‚   β”œβ”€β”€ πŸ“ generators/
β”‚   β”‚   β”œβ”€β”€ component-generator.js
β”‚   β”‚   └── project-scaffold.js
β”‚   β”œβ”€β”€ πŸ“ scripts/
β”‚   └── πŸ“ config/
β”‚
└── πŸ“ packages.json
           # Dependencies configuration

About

πŸš€ 100 Days of Web Development challenge using HTML, CSS & JavaScript. Daily learning, practice, and real-world projects to strengthen frontend development skills.

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 49.2%
  • CSS 35.6%
  • JavaScript 15.2%