Shubhangi
Shruti
"Turning ideas into living interfaces"
Frontend developer with 1+ year of full-stack industry experience, now focused on crafting React interfaces with UX intent and AI-assisted workflows. Based in Ranchi — building for the web, remotely.
Studying UI/UX at Internshala
6-month deep-dive · Month 3
✦ About
A frontend developer with a designer's eye and an AI-native workflow.
I started as a full-stack developer building production features with React, .NET and Azure — but I always gravitated toward the part of the screen the user actually touches. Over the last year, I've made that pull official: I'm now a frontend developer focused on UI craft, currently deepening my UI/UX foundations through a 6-month course at Internshala.
I think in components and decisions: why this spacing, why this hover, why this copy. I'm comfortable in Figma, fluent in React + Tailwind, and I write — blogs, product reviews, microcopy. That writing habit quietly shows up everywhere in my work.
I use AI as a serious creative partner — Claude, ChatGPT, Gemini, Lovable — not to skip the thinking, but to compress the boring parts so I can spend more time on the decisions that matter. This portfolio itself is proof.
Frontend craft
React + TypeScript, Tailwind, accessible patterns. I think in components and decisions.
UX intent
Currently deepening UI/UX through Internshala. Comfortable in Figma, fluent in why behind every pixel.
AI as partner
Claude, ChatGPT, Lovable, Cursor — used to compress the boring parts, not skip the thinking.
✦ Experience
The road so far
Frontend roots → full-stack production → a deliberate return to frontend with UX intent.
Associate Software Developer
Mindfire Solutions · Remote
- ◆Built and maintained a React-based e-commerce interface with category navigation, filtering, and sorting.
- ◆Contributed to a .NET Blazor project focused on debugging and reliability.
- ◆Deployed React and MVC apps on Microsoft Azure and managed cloud-based media storage.
Software Developer Intern
Mindfire Solutions · Remote
- ◆Built full-stack web applications using C#, ASP.NET, SQL, and React.
- ◆Implemented CRUD operations and database connectivity in learning projects.
- ◆Strengthened debugging and full-stack fundamentals.
Frontend Developer
Skill Safari (Edukeys Services Pvt. Ltd.) · WFH
- ◆Designed responsive pages using HTML, CSS, and Bootstrap.
- ◆Recreated major platform UI layouts for usability practice.
- ◆Gained exposure to SEO and basic digital marketing concepts.
Content Writer
HostingSpell · Online · Paid Internship
- ◆Published product review and feedback articles for web hosting platforms.
- ◆Created structured pros-and-cons comparisons for readers.
- ◆Developed an SEO-aware and audience-focused writing style.
✦ Selected Work
Projects I'm proud of
Click any project to read the full story — how it started, what I decided, and what I'd do differently.
Cafe Brown — Cozy Café Website
Live ↗
Prose — AI Writing SaaS Landing Page
Live ↗
Fintech Finance Dashboard
Live ↗
How I can help you
Hire me for focused frontend builds, design-system work, or end-to-end product polish. Hourly, project-based, or part-time engagements.
Frontend Development
Production-ready React interfaces that feel fast, accessible, and considered.
- React + TypeScript builds
- Responsive layouts
- Component systems
- Performance tuning
UI/UX Thinking
Wireframes, user flows and design decisions that make products easier to use.
- Figma wireframes
- User flows
- Design audits
- Interaction details
AI-Assisted Workflows
Faster delivery and smarter creative output by integrating AI into design + content pipelines.
- Prompt workflows
- AI-assisted copy
- Tooling setup
- Technical writing
Content & Technical Writing
Clear, audience-aware writing — from product copy to long-form technical articles.
- Product & UX copy
- Technical articles
- Documentation
- Editorial review
✦ MY PROCESS
How I approach building websites
Every project follows the same five steps — because good websites don't happen by accident.
- Step 1
Discover
I sit with the client and ask the right questions — what are they selling, who is their customer, what should a visitor feel when they land on the page. Research comes before any tool.
Client conversationBusiness researchUser goals - Step 2
Design
Fonts, colors, layout direction, primary and secondary palette. I think about the emotional tone of every section — not just how it looks but how it makes someone feel.
Color & typographyLayout directionFigma wireframes - Step 3
Decide
The designer decides the look. The developer decides the tools. I choose the right tech stack for the project — React or Next.js, Tailwind or something else — based on what the site actually needs, not habit.
React or Next.js?Tailwind or Bootstrap?Stack confirmed - Step 4
Build
I start with a working base and deploy early. Then I iterate — because the best decisions happen when you can see and feel the thing in a browser, not just on a canvas.
Base deployed earlyIterate in browserComponents built - Step 5
Refine & Deliver
Final polish, responsive checks, performance, the small details that make the difference between a website that exists and one that actually works for the person using it.
Responsive checksPerformance polishClient handoff
✦ Toolkit
Skills, tools & things I love
Every pill links to the official docs — click any to dive in.
Writing
✦ What I build
Sites my clients actually need
Most of my freelance work falls into one of these four buckets — built warm, built fast, built to convert.
Café & Restaurant Websites
Atmosphere-driven sites that make customers want to visit before they walk in.
Service Business Sites
Trust-building pages for salons, clinics, coaching centers, and local providers.
Personal Brand & Portfolio Sites
Distinctive online presence for freelancers, creatives, and professionals.
Conversion Landing Pages
Single-page focused sites that turn visitors into enquiries and bookings.
✦ Writing
Words I've put into the world
I've been writing since 2020 — fiction, poetry in English and Hindi, and reflective essays on Pacific Streams. That writing habit shows up everywhere in my UX copy and project storytelling.
Short stories
Original fiction — 2 stories published
Narrative storytelling with emotional depth and a distinctive creative voice.
Poetry — English & Hindi
6+ poems published since 2020
Heartfelt, introspective writing in both languages — personal and universal at once.
Reflective essays
Longform personal essays and musings
Thoughtful writing on life, creativity, and being human in a digital world.
✦ Beyond the Code
Leadership, voice & community
The parts of me that don't fit on a resume but show up in every project.
Women in Tech Lead — DSC
Aug 2020 – Jul 2021
Led the Women in Tech chapter at Developer Student Club. Conducted webinars and created technical content on Web Development and community empowerment.
Microsoft Student Learn Ambassador
Jan 2021 – Sep 2021
Selected as a Microsoft Learn Student Ambassador. Conducted webinars, built community opportunities, and created technical content for students across India.
Stage Anchor and Event Host
Jan 2018 – Jun 2021 · 3.5 years
Anchored and hosted college clubs, conferences, cultural fests, and major events for 3.5 years. An experienced and confident public speaker — a skill that directly supports client communication and professional presence.
Content Writer — HostingSpell
Jul 2020 – Sep 2020
Published product reviews for web hosting platforms through a paid internship. Developed SEO-aware, audience-focused writing through real editorial work.
✦ On Camera
Featured talks & sessions
A few moments captured on camera — talks, lives, and conversations.
Debate Competition — Republic Day 2020
Participated in a debate competition held at GITA Autonomous College on the eve of Republic Day. An early public speaking moment — before it became a habit.
Watch on YouTube→
The Kickstart — DSC GITA Opening Event
DSC GITA's first community event featuring talks on tech, personal growth, and the developer journey. Co-hosted and managed key segments of this event as part of the Developer Student Club at GITA.
Watch on YouTube→
Starting Your SHE Journey in Tech
A live session on opportunities for women entering the tech industry — scholarships, internships, communities, and real stories from the field. Fully curated and led by me as Women in Tech Lead at DSC GITA, with a team executing the vision.
Watch on YouTube→
✦ Let's Talk
Have an idea? Let's build it.
Open to freelance projects, full-time roles, and collaborations. Drop a message — I usually reply within 24h.
shubhangishruti05@gmail.com
📍 Based in
Ranchi, India
Working remotely · IST timezone