Skip to content
View maadhav-codes's full-sized avatar
๐ŸŽฏ
Focusing
๐ŸŽฏ
Focusing

Block or report maadhav-codes

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please donโ€™t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
maadhav-codes/README.md

Hi there, I'm Mayur! ๐Ÿ‘‹

I am a Frontend Developer focused on building clean, accessible, and highly responsive user interfaces. I use Frontend Mentor as a deliberate practice platform to treat every project like a production-ready client briefโ€”mastering semantic layout structures, responsive execution, and raw DOM manipulation without relying on external libraries or frameworks.


๐Ÿš€ Frontend Mentor Progression Tracker

According to the official Frontend Mentor Difficulty Levels Guide, mastering frontend engineering requires moving systematically through dedicated milestones. I focus on writing pure, vanilla code to solidify my foundational understanding of the web platform before abstracting away complexity.

Difficulty Level Core Technical Focus Milestone Status
๐ŸŸข Newbie Semantic HTML5, CSS Box Model, Custom Properties, Basic DOM Toggles 21 / 26 Completed ๐Ÿ† [Foundation Solidified]
๐Ÿ”ต Junior Flexbox/Grid Layouts, Multi-page UI Navigation, Complex State, API Consumption 14 / 42 Completed ๐Ÿš€ [Active Horizon]
๐ŸŸก Intermediate Advanced Responsive Design Systems, Complex Form State, Deep Interactivity Locked
๐Ÿ”ด Advanced Full Application Architecture, External API Orchestration, Full Accessibility (WCAG) Locked
๐ŸŸฃ Guru Full-Stack Architectures, Secure Authentication Systems, Production-Grade Deployments Locked

๐Ÿ› ๏ธ Tech Stack & Development Philosophy

I believe in thoroughly mastering the core technologies of the web ecosystem before introducing abstract layers or heavy dependencies. Every single project tracked above is built using:

  • HTML5: Crafting robust, semantic document structures that prioritize accessibility, SEO, and clean outline hierarchies.
  • CSS3: Implementing responsive design systems from scratch using Flexbox, CSS Grid, Custom Properties (variables), fluid typography, and pixel-perfect media query breakpoints.
  • Vanilla JavaScript: Writing clean, modern ES6+ code using explicit event delegation, structural DOM manipulation, asynchronous data fetching (async/await, fetch), and defensive client-side validation logic.

๐ŸŽฏ What's Next?

I am currently fully immersed in Junior Level Challenges. My focus is on writing complex layout logic, dialing into deeper form validation states, and interacting with 3rd-party APIs using raw JavaScript. Once I conquer this tier, I will begin bridging over into intermediate application design systems.

  • ๐Ÿ’ฌ Ask me about semantic structures, CSS layout mechanics, or responsive workflows!
  • ๐Ÿ“ซ Explore my interactive live deployments directly on my Frontend Mentor Profile.

Pinned Loading

  1. fm-article-preview-component-solution fm-article-preview-component-solution Public

    Solution to the Article preview component challenge on Frontend Mentor

    HTML

  2. fm-interactive-rating-component-solution fm-interactive-rating-component-solution Public

    Solution to the Interactive rating component challenge

    HTML

  3. fm-intro-component-with-signup-form-solution fm-intro-component-with-signup-form-solution Public

    Solution to the Intro component with sign up form challenge on Frontend Mentor

    CSS

  4. fm-nft-preview-card-component-solution fm-nft-preview-card-component-solution Public

    Solution to the NFT preview card component challenge on Frontend Mentor

    CSS