Skip to content
View muskanm07's full-sized avatar
6 followers · 14 following

Block or report muskanm07

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.

Content in all repositories owned by your account will be closed.
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
muskanm07/README.md

🧊 whoami

Hey, I'm Muskan 👋

I'm a Frontend Developer who enjoys turning ideas into interfaces that are not only visually clean, but actually work.

  • 🎓 BCA Graduate — 2026
  • ⚛️ React-focused frontend developer
  • 🎨 UI-focused & detail-oriented
  • 🔌 Comfortable working with real APIs
  • 🤖 Exploring Frontend + AI
  • 🌱 Planning to pick up TypeScript next

I don't want to just build another tutorial project — I want to understand why something should exist, how users will interact with it, and how to make it better.

 
╭─────────────────────────────────╮
│                                 │
│   $ muskan --status             │
│                                 │
│   role      → Frontend Dev      │
│   stack     → React             │
│   focus     → UI + AI           │
│   learning  → TypeScript        │
│   mindset   → Build > copy      │
│                                 │
│   status: shipping 🚀           │
│                                 │
╰─────────────────────────────────╯

⚡ What I Build

🎨 UI ⚛️ Frontend 🔌 APIs 🤖 AI
Clean & responsive interfaces React + Vite REST / real-world APIs AI-powered experiences
Glassmorphism & modern UI Component-based architecture API-driven applications Gemini integrations
Mobile-first thinking State management localStorage AI + frontend experiments

🛠️ Tech Arsenal

Frontend

Tools & Workflow


React · JavaScript · Vite · Tailwind CSS · HTML5 · CSS3 Git · GitHub · Figma · REST APIs · localStorage · Gemini API

🚀 Featured Builds

Not just projects. Things I've actually built, debugged, redesigned and shipped.

🌦️ Climora

Weather, but make it feel alive.

A weather application focused on making weather information feel more immersive through dynamic visuals and a clean glassmorphism interface.

Highlights

  • 🌤️ 5-day weather forecast
  • 🎥 Dynamic weather-based backgrounds
  • 🔗 URL-based city routing
  • 💾 Persistent search history
  • 📍 Last-viewed weather saved locally
  • 📱 Fully responsive UI

Built with: React Vite Tailwind CSS Weather API localStorage

🎧 Emotune

Your mood → your music.

An AI-powered mood-based music recommender that turns natural-language feelings into personalized song recommendations.

Highlights

  • 🧠 Mood interpretation using Gemini
  • 🎵 Song discovery via iTunes API
  • ▶️ Embedded playback
  • 💾 Search & mood history
  • 🛡️ Rate-limit protection
  • ⚡ Responsive, interactive UI

Built with: React Vite Tailwind CSS Gemini API iTunes API localStorage

💡 More projects are on the way...

Build → Break → Debug → Learn → Improve → Ship

🧠 How I Think About Development

   💡 AN IDEA  →  🔍 UNDERSTAND IT  →  🏗️ BUILD IT
                                          │
   🚀 SHIP IT  ←  🔧 DEBUG IT  ←  💥 BREAK IT

📊 GitHub Activity



🏆 GitHub Trophies

🐍 My Contribution Journey

GitHub contribution snake animation

🌱 Currently Learning

TypeScript

  • Better React architecture
  • Stronger type safety
  • Cleaner, scalable code

Frontend + AI

  • Gemini API
  • AI-powered UX
  • Practical AI integrations

Frontend Engineering

  • Better component design
  • Performance & accessibility
  • Production-ready apps

🎯 2026 → Build More. Ship More.

⚛️ React 🔷 TypeScript 🤖 AI 🚀 Ship
Build stronger frontend fundamentals Write safer, scalable code Create useful AI-powered UX Turn ideas into real products

🤝 Let's Connect

I'm always interested in: Frontend opportunities · Interesting products · AI × Web ideas · Collaboration




💜 If something here catches your eye, let's build something together.

console.log("Thanks for visiting! 🚀");

Made with curiosity, caffeine & a lot of debugging.

Pinned Loading

  1. climora-weather-app climora-weather-app Public

    A React weather app with dynamic video backgrounds, glassmorphism UI, and real-time weather data powered by OpenWeatherMap API.

    JavaScript

  2. emotune emotune Public

    Emotune analyzes your mood using the Gemini API and recommends matching songs with live Spotify embeds. Built with React + Vite + Tailwind CSS. Includes mood history tracking and a sleek results UI.

    JavaScript

  3. JavaScript-Practice JavaScript-Practice Public

    🚀 Daily JavaScript practice — variables, arrays, functions, callbacks & more. My journey from basics to MERN stack dev. Updated daily! 💪

    JavaScript 1

  4. github-profile-finder-react github-profile-finder-react Public

    CSS

  5. react-hands-on-practice react-hands-on-practice Public

    Daily react practice logs building my logic strong with practicing by myself

    JavaScript