01
PERIODIC SPACE
Open to opportunities
FULL STACKDEVELOPER
I build production web apps with Next.js, React and Strapi headless CMS - accessible, animated and taken from Figma handoff to deployment.
I buildproduction web apps with Next.js, Reactand headless CMS architectures - accessible, animatedand engineered from Figmahandoff to deployment.
Next.js · React · Redux · Strapi · Node.js
About - The Journey
FROMCURIOSITYTO CRAFT.
From Computer Science fundamentals to full-stack production - education, open source and shipped client work.
- 202101
Began B.E. Computer Science
Joined Atharva College of Engineering, Mumbai - building on core Computer Science fundamentals from day one.
- 202202
Web Development Foundations
Went deep on HTML, CSS, JavaScript and React - learning to care about semantics, accessibility and performance.
- 202303
Open Source Contributions
Started contributing to community projects - LinksHub, AI-Fusion, Namespace - resolving UI bugs during Hacktoberfest 2023 and improving WCAG 2.1 accessibility.
- 202404
Graduation & Research
Completed B.E. Computer Science with a 9.06 GPA. Published “AI-Driven Healthcare Application” at ICSTEMSD 2024 and won Best Project of the Session at Projectathon 2.0 with MedGuide.
- 202505
GATE-Level CS Preparation
A year of self-directed study - Data Structures & Algorithms, Operating Systems, DBMS and Computer Networks - strengthening problem-solving and system-design foundations.
- 202606
Full Stack Developer, Pixtop Media
Building a large-scale investor relations portal at Pixtop Media Solutions Pvt Ltd (Webmaffia) - Next.js, React, Redux, Strapi CMS and GSAP-driven UI.
Selected Work
SELECTEDPROJECTS
Capabilities
WHAT IDO WELL.
Frontend Development
Accessible, production-ready interfaces built with Next.js and React, with performance and maintainability built in from the start.
@frontenddev01Frontend Development
I build with semantic markup, keyboard navigation and screen-reader support in mind from the start, not added later. Components are structured around the data they handle, so state stays predictable as a project grows - using Redux Toolkit or Context API only where they're actually needed. The goal is an interface that holds up in production, not just in a demo.
- React
- Next.js
- TypeScript
Creative Development
Interactive builds with attention to layout, type and motion - closer to a studio site than a template.
@creativedev02Creative Development
Design and engineering happen together here, not as separate handoffs. I start from the layout and type, then build the animation and interaction to match, instead of adding motion on top of a template afterward. A page should feel considered - some transitions carry meaning, and some parts just sit still on purpose.
- GSAP
- ScrollTrigger
- Framer Motion
Interactive UI
Small interactions - hover states, scroll effects, a custom cursor - that make an interface feel responsive without being distracting.
@interactiveui03Interactive UI
Good interactivity is felt more than noticed - a hover that responds instantly, a scroll that doesn't lag behind the wheel. I build custom cursors, magnetic buttons and scroll-linked animations as their own layer on top of the layout, and tune the timing by hand until it feels natural rather than mechanical.
- Motion
- Micro-interactions
Animation
Timing and easing treated like part of the design system, not an afterthought - every transition has a reason to be there.
@motiondev04Animation
I treat easing curves and stagger delays with the same care as color and type - reused across a project instead of picked by feel each time. Motion should guide attention: what enters first, what the eye follows next, what stays still. GSAP and Framer Motion handle the animation; Lenis handles the feel of the scroll itself.
- GSAP
- Framer Motion
- Lenis
CMS & Backend Integration
Headless CMS setups that let non-developers edit content without breaking the design.
@headlesscms05CMS & Backend Integration
A good CMS setup comes down to the schema, before anyone even opens the editor - structured fields instead of one giant rich-text box, clear relations, and REST APIs that hold up as the product grows. At Pixtop Media I set up a Strapi CMS backed by MySQL from scratch, so content teams can manage data without needing a developer for every change.
- Strapi
- MySQL
- REST APIs
Performance & Accessibility
Core Web Vitals and WCAG 2.1 accessibility treated as real requirements, not an afterthought.
@perfa11y06Performance & Accessibility
Animation-heavy pages can still be fast - it just takes care with code splitting, image sizing and profiling scroll effects before they ship. That's how ShopVerse went from a 3.8s to a 2.1s LCP. Accessibility gets the same attention - WCAG 2.1 contrast, focus order and keyboard support, something I've worked on in open-source contributions and carried into client work since.
- Core Web Vitals
- WCAG 2.1
Services / 06
Experience
THEPATH.
- Feb 2026 - Present01
Full Stack Developer
Pixtop Media Solutions Pvt Ltd (Webmaffia) - Mumbai, India
Full stack work on live client platforms - Next.js and React on the frontend, with a Strapi CMS I set up behind it.
- Built and maintain a large-scale investor relations web portal - CMS-driven content, multi-tab layouts and in-browser PDF rendering.
- Set up a Strapi CMS backed by MySQL from scratch - defining content types, relations and REST APIs that let content teams manage data without engineering support.
- Built reusable animated UI components with GSAP and Framer Motion, used across multiple product modules with consistent behaviour on desktop and mobile.
- Owned features end-to-end - Figma handoff, development, QA coordination and production deployment - working directly with design and QA teams.
- Next.js
- React
- Redux Toolkit
- Strapi
- Node.js
- GSAP
- Framer Motion
- Jan 2025 - Feb 202602
Technical Prep (GATE - Computer Science)
Self-Directed - Mumbai, India
Intensive self-directed study of core Computer Science fundamentals, strengthening problem-solving and system-design foundations applied directly in current engineering work.
- Completed focused preparation across DSA, Operating Systems, DBMS and Computer Networks.
- Built problem-solving and system-design foundations now applied in production engineering.
- Data Structures & Algorithms
- Operating Systems
- DBMS
- Computer Networks
- Aug 2023 - Jan 202503
Open Source Contributor
Community Contributions - Remote
1.5+ years of contributions across accessibility- and performance-focused community codebases.
- LinksHub - improved accessibility to WCAG 2.1 standards; resolved 10+ UI bugs during Hacktoberfest 2023.
- AI-Fusion - enhanced UI/UX with TypeScript, optimized dark mode, implemented card sorting and improved navigation speed by 25%.
- Namespace - improved responsiveness, fixed navigation issues and enhanced the mobile experience.
- React-native-authkit - authored a comprehensive README for the RTK Query Auth Template, improving developer onboarding speed.
- React
- TypeScript
- WCAG 2.1
- Redux Toolkit
Recognitions
01 / 03
FAQ
QUESTIONS,ANSWERS.
- Full stack, but I lean into the frontend - I like owning a feature from the Figma file to the deployed page, not just one slice of it.
- Interfaces with real motion in them - not just static pages. A scroll or transition should add something, not just be there for show.
- I build straight from the Figma handoff and check in with design and QA along the way, so what ships actually matches what was designed.
- Yes - over about 1.5 years I've fixed accessibility and UI issues on community projects like LinksHub, AI-Fusion and Namespace, mostly around Hacktoberfest.
- Product work where design and engineering aren't handed off separately - places where I can build a feature fully, interface down to the CMS or API behind it.