🚀 Excited to share that I’m starting my MERN Stack Challenge – Cohort 2.0! Over the next 100 days, I’ll be documenting my daily learnings here — from MongoDB to React to full-stack projects. Why? To stay consistent 💯 To build in public 🌍 To become a better developer 👨‍💻 🚀

💻 Day 17 of Cohort 2.0 - JS Basics Brush-up Nothing huge today just revisited and practiced JavaScript fundamentals 🔁 Reinforced key concepts like variables, strings, and browser interaction to get a stronger hold before diving deeper 💪 #Day17 #Cohort2 #JavaScript #JSBasics

• Attaching JS using the <script> tag • Basics like var, let, const, console, alert, prompt • Strings and their methods 📚 It was a deep dive into how JavaScript powers the web — feeling excited to explore more ahead! 🚀 #Day16 #Cohort2 #JavaScriptJourney #WebDevelopment

💻 Day 16 of Cohort 2.0 - Introduction to JavaScript ✨ After Diwali break, we finally started with JavaScript! Today’s session was all about understanding the core of JS- • When JavaScript was created & how it evolved • ES6 and other versions #frontenddeveloper #JSBasics

💡 Key takeaway: A website isn’t complete until it looks perfect on every device — responsiveness is what makes good design great. ✨ #CSS #FrontendDevelopment #100DaysOfCode

💻 Day 14–15 of Cohort 2.0 — Making Websites Responsive 📱 I spent the last two days practicing responsiveness and learning how to use media queries effectively. Now I can adapt layouts smoothly for mobile, tablet, and desktop screens! 💪 #Day15 #Cohort2_0 #ResponsiveDesign

💡 Key takeaway: SCSS not only simplifies CSS but makes styling modular, reusable, and way more powerful! 🚀 #Day13 #Cohort2_0 #SCSS #FrontendDevelopment #100DaysOfCode

💻 Day 13 of Cohort 2.0, Deep Dive into SCSS Learned SCSS in detail explored variables, nesting, mixins, and partials. Applied everything in a hands-on project using nesting with smooth transitions & clean design ✨ #LearnInPublic #SCSS

Day 12 — Mastering CSS Units 🎯 Had a short but insightful session today, learned when and how to use different CSS units like px, %, vh, vw, rem, em, vmin, and vmax. Understanding units = better control over responsive design! 💻✨ #CSS #WebDevelopment #MERNJourney #Frontend

🔹 grid-column-start, grid-row-start, and shorthand properties 🔹 grid-template-areas & alignment properties (justify-items, align-items, etc.) Building layouts feels much more structured now #Cohort2 #100DaysOfCode #CSSGrid #WebDesign

💻 Day 11 of Cohort 2.0 - Deep Dive into CSS Grid Today I learned in detail about: 🔹 display: grid and how it differs from Flexbox 🔹 grid-template-columns & grid-template-rows 🔹 Units like px, %, fr, and auto 🔹 gap, row-gap, and column-gap 🔹 repeat() & minmax() functions

-Learned to add images & GIFs inside text (super cool visual effect 🤩) -Styled borders under text for sleek headings & emphasis 🎨 CSS isn’t just about styling, it’s about creativity with control. #Cohort2 #100DaysOfCode #CSS #FrontendDevelopment #WebDesign #LearnInPublic

Day 10 of Cohort 2.0 – Leveling Up My CSS Game ✨ Today’s learning highlights: -Explored inline-block elements and how they bridge inline & block behaviors. -Dived into the basics of CSS Grid the real game-changer for modern layouts 🧩.

-Learned to add images & GIFs inside text (super cool visual effect 🤩) -Styled borders under text for sleek headings & emphasis 🎨 CSS isn’t just about styling, it’s about creativity with control. #Cohort2 #100DaysOfCode #CSS #FrontendDevelopment #WebDesign #LearnInPublic

Implementation of all these effects practically on image cards (as shown above ☝️) 💡 Key takeaway: The more I play with CSS transformations, the more I realize design is just controlled illusion 🎨 #Cohort2 #100DaysOfCode #CSS #FrontendDevelopment #WebDesign #LearnInPublic

🎯 Day 9 of Cohort 2.0 – CSS Recap & Transform Deep Dive 📘 Today I revisited some key CSS concepts: -Transform properties : mastering rotate, translate, and scale in X, Y, Z axes -Overflow : understanding how to handle hidden, visible, & scroll content 📜 #LearnInPublic #CSS

-Flex-shrink → controlling element resizing. -Overflow → managing hidden/scroll content. -Hover effects → adding interactivity to UI. Excited to make more responsive + interactive UIs ahead 🚀 #MERNStack #100DaysOfCode #Cohort2 #CSS #frontendeveloper

🚀 Day 8 of Cohort 2.0 – MERN Stack Journey 📚 Today’s learnings (all hands-on 🖥️): -Display: flex → dived deeper into alignment & distribution. -Transform: translate → moving elements smoothly. -Flex-wrap & nowrap → handling responsive layouts.

💡 Key takeaways: -Git isn’t just about saving code, it’s about tracking history & working in teams. -Flexbox makes layouts so much cleaner than manually juggling margins/paddings. -Seeing Flexbox in action on a real project = pure clarity #MERNStack #100DaysOfCode #Cohort2

🚀 Day 7 of Cohort 2.0 – MERN Stack Journey 📚 Today’s learnings: -Git & GitHub → version control, commits, pushing code & collaborating. -Flexbox (display: flex) → applied in a live project to handle layout and alignment. #MERNStack #100DaysOfCode #Cohort2 #GitHub #CSS

🚀 Day 6 of Cohort 2.0 – MERN Stack Journey Today was all about implementation 💻 I combined everything I’ve learned so far — HTML tags, forms, multimedia, meta tags, and CSS basics (colors, fonts, margins, paddings, borders, divs, gradients, positioning). #100DaysOfCode