Frontend Engineer

I'm Muskaanwho builds delight into interfaces.

React systems with polish and intent.

I care about visual hierarchy, micro-interactions, maintainable component systems, and the kind of product polish users notice even when they cannot explain it. In my free time, I love scrolling through travel destinations, dreaming about my next adventure.

4+ years building production React experiencesPerformance-aware UI engineeringDesign-minded implementation
Muskaan portrait

My Digital Toolbox

I work best where design sensitivity meets engineering rigor. These are the tools I reach for when building interfaces that need to move fast, scale cleanly, and still feel considered.

React icon
Javascript icon
Tailwind CSS icon
Typescript icon
Node JS icon
VS Code icon
Figma icon
SASS icon
Git icon

Experience

Aakash Technology Innovation Lab

Senior Software Engineer

Jan 2023 - Present

Noida, India · Hybrid

EdtechReact migrationsConversion lifts

Frontend product work focused on conversion-sensitive student journeys, exam flows, and registration experience upgrades.

Architected scheduling dashboard for lectures, PTMs, and tests (online/offline), improving scheduling accuracy by 15% and operational efficiency by 40%.

43% reduction in dropout rate after the iACST migration to React. (measured using WebEngage funnel analysis)

Rebuilt ANTHE dashboard UX to digitize exam flows, leading to a 22% increase in test participation.

Tech Alchemy Ltd

Software Developer

May 2021 - Jan 2023

London, United Kingdom · Remote

B2B workflowsRealtime featuresSEO and performance

Built frontend product surfaces across sports, sustainability, and consumer activation products with strong emphasis on reusable UI and delivery speed.

Worked from feature ideation through implementation with reusable React component systems.

Handled realtime workflows, analytics, SEO-sensitive delivery, and media-heavy product requirements.

Under Tech Alchemy Ltd

Lineup Polo

Sports web app for polo club managers to approve members, manage tournaments, and shape club operations.

Live Site

- Built new user-facing features from scratch.

- Created reusable components for future feature work.

- Researched React libraries and suggested layout changes to improve usability and performance.

Under Tech Alchemy Ltd

S2U Global

Advisor marketplace helping onboarded customers access sustainability solution providers worldwide.

Live Site

- Shaped the work request flow from customer raise to provider payout.

- Integrated chats, messages, and attachments with Google Firestore.

Under Tech Alchemy Ltd

St. John Lettings

SEO-friendly property rental app for browsing apartments, handling enquiries, and supporting chatbot-assisted questions.

Live Site

- Built the application and admin panel from the ground up.

- Implemented image upload, cropping, and automatic WebP conversion for faster listing pages.

Under Tech Alchemy Ltd

Ocean Bottle

NFC-driven refill activation web experience connecting bottle taps to rewards and nearby refill stations.

Live Site

- Refactored registration so stickers could onboard alongside bottles.

- Integrated Google Analytics, tracking 24K new users in June 2022.

Projects

Uphits site media

Uphits

Next.js
Frontend Framework
Postgres
Database
Typescript
Prisma
ORM
Easy Peasy
State Management
Color Palette site media

Color Palette

React
Frontend Framework
Material UI
Component Library
Munchies site media

Munchies

Firebase
Backend service
Formik
Form Validation
React
Frontend Framework
Joke App site media

Joke App

React
Frontend Framework
Local Storage
Web storage
Roshambo site media

Roshambo

React
Frontend Framework
Session Storage
Web storage

Blogs

blog-display-pic

Medium article

Boost Productivity in a React Project

cra-boost is a starter repo to save us all some precious time. Just ditch the create-react-app or create-vite commands and use mine instead. It'll scaffold a brand new React project with everything you need, ready to rock and roll in a flash. ⚡ This project is bootstrapped with VITE and comes pre-configured with the below essential libraries I believe are crucial for a React project

blog-display-pic

Medium article

Understanding SSR, CSR, ISR and SSG

In the world of web development, acronyms like SSR, SSG, ISR, and CSR are often thrown around. These terms represent different strategies for rendering web pages, each with its advantages, use cases, and frameworks that support them. Let’s dive into what these terms mean, which frameworks support them, and when to use which ones. Next.js is a popular React framework that supports all SSR, SSG, ISR, and CSR, providing the flexibility to choose the right approach for specific needs. You can optimize your web application for performance, SEO,

blog-display-pic

Medium article

Why not use async/await inside React-useEffect ?

Have you ever been hit with the TypeError: func.apply is not a function error and wondered, “What did I mess up this time?” Everything’s working smoothly on the first render, but as soon as the component re-renders, bam! — the code breaks and the console lights up with this error. Why does this happen? It might be because you’ve used async/await or a fetch function directly inside the useEffect hook

blog-display-pic

Medium article

Gatsby’s Powerful Image Plugin

Images are often the largest assets on a webpage, significantly impacting load times and overall performance. Traditional methods of handling images can be cumbersome, involving multiple tools and manual steps to ensure images are optimized for different devices and screen sizes. Gatsby, a React-based framework, offers a seamless solution by using plugins like `gatsby-plugin-sharp` and `gatsby-transformer-sharp`. It automates the image optimization process, providing benefits that enhance performance and user experience.

blog-display-pic

Medium article

Using Netlify forms in Gatsby ‍

Gatsby is a React-based open-source framework that allows us to build fast, efficient, and highly performant websites and web applications. Setting up forms with Netlify Forms is simple, just define your forms directly in your HTML markup that includes netlify (or data-netlify="true") attribute to the form tag...

Contact

Let's build something that feels sharper than the usual.

If you are hiring, collaborating, or just want to talk frontend craft, send a note. I care most about thoughtful product work, strong UI execution, and teams that value details.

email
muskaan19010@gmail.com
linkedIn
Sneak peek at my profile
calendly
Schedule an online meet

Your Name

Your Email

Message

Made with ❤️ by Muskaan. Designed to feel more like a product story than a static resume.