Supriya Minnasandram
Frontend and full-stack developer building React and MERN products, documenting the journey through technical writing, and presenting community talks.
- Featured builds
- 7
- Mini projects
- 22
- Articles
- 21
- Talks
- 5
MERN stack
Product UI, APIs, state, and data.
Community
Blogs, talks, and learning notes.
A developer profile with build history, writing depth, and speaking proof.
The original portfolio framed the story around neoGcamp, curiosity, and steady practice. This version keeps that spirit and gives the work a sharper, current presentation.
Technology stack
Skills highlighted from the original portfolio.
Learning rhythm
Projects from bootcamp foundations through MERN applications, with public writing to document the path.
Portfolio projects with visible product context.
A curated set of full-stack and frontend applications from the original portfolio, now presented with the real product screenshots.
StyleSUP - CSS component library
14th March 2021
A CSS component library created with HTML and CSS during neoG camp, inspired by Bootstrap's component patterns.
NoteSUP - Personal notes application
28th April 2021
A React notes application built with StyleSUP, taking interaction cues from Google Keep.
SupMart - eCommerce application
26th March 2021
A MERN stack eCommerce experience with StyleSUP components and product-flow inspiration from Myntra.
SupVision - Video library application
10th April 2021
A MERN stack video library application built with StyleSUP and inspired by YouTube's content model.
SupQuiz - Jump rope quiz application
5th May 2021
A jump rope quiz app developed with MERN stack, TailwindCSS, and Hasura GraphQL.
SupSocial - Social media app
14th June 2021
A MERN stack social app for a jump rope community, developed with Redux Toolkit and TailwindCSS.
Create JavaScript App - Starter Kit
8th June 2021
A VanillaJS starter kit with Webpack configuration and README guidance for spinning up small JavaScript apps.
A learning lab with every archived build.
The smaller builds show the practice reps: UI challenges, VanillaJS apps, React experiments, and early CLI quizzes.
Coding bootcamp testimonials slider
Frontend Mentor challenge replicating a testimonials slider across desktop and mobile screens.
Article preview component
Frontend Mentor challenge recreating an article preview component for responsive layouts.
Four card feature section
Frontend Mentor challenge for a four-card feature section with desktop and mobile states.
Social proof section
Frontend Mentor challenge recreating a social proof section for desktop and mobile screens.
Profit/Loss of Stock
VanillaJS app that compares purchase price and current stock price to show profit or loss.
FAQ Accordian card
Frontend Mentor challenge replicating an FAQ accordion for desktop and mobile screens.
Profile Card Component
Frontend Mentor challenge recreating a responsive profile card component.
Palindrome Birthday
VanillaJS app checking whether a birthday forms a palindrome across four date combinations.
Triangles Quiz
A VanillaJS app for learning and playing around with triangles.
Tweet Progress
React app for automating tweet progress while tracking the #151daysofcode challenge.
Lucky Birthday
VanillaJS app to check whether your birthday is lucky.
Cash Manager
Cash register manager that helps return the correct change for a bill amount.
Bollywood Buff
React recommendation app for Bollywood movies worth watching.
Hand Gestures
React app that interprets hand gesture meanings from user input or a predefined list.
EmoGenious
React app developed on CodeSandbox to interpret emoji meanings.
Fetch Bank Details
Given a valid IFSC code, this app returns the corresponding bank details.
Swedish Chef Talks
Interactive web app translating English to Swedish chef accent using a free translation API.
Speak Banana
Interactive web app translating English to Minion Banana language using a free translation API.
Is your DoB a prime number.
A short CLI quiz checking if a date of birth is a prime number.
Are you born on a leap year?
A small CLI quiz that tells you if you were born on a leap year.
Multi-level Quiz
A three-level CLI quiz where the user chooses between two available quizzes.
Technical notes with a real archive behind them.
Articles from the existing portfolio, spanning styling systems, micro-frontends, monorepos, React, performance, PWAs, JavaScript fundamentals, and early HTML/CSS notes.
Decoding StyleX: Meta's Cutting-Edge Styling System
An introduction to Meta's styling system and what makes it interesting for frontend teams.
Module Federation using ViteJS
A walkthrough for stepping into micro-frontend architecture with ViteJS.
An Introduction to Monorepos: Simplifying Code Management
Notes from lerna upgrades and Nx workspaces while working with monorepos.
Introduction to React Server Components
A practical overview of how React Server Components work and where they fit.
Simplify your lists using CSS Counters
Using counter-increment and counter-reset to style lists with less ceremony.
My learnings from the Hashnode Bootcamp
Takeaways from Hashnode's technical bootcamp.
Setting up React Native development environment
A write-up on the challenges and fixes found while setting up React Native locally.
Pointer Events in JavaScript
Understanding pointer capture events in JavaScript.
What are Progressive Web Applications? Get started with creating PWA
Learning notes from converting a web app module into a progressive web app.
Introduction to Web Performance
A primer on web performance and its core metrics.
Combining multiple reducers in React
Keeping useReducer code clean by composing multiple reducers.
My journey on building a full-stack application
A Netlify x Hashnode hackathon article about building one of the full-stack apps in this portfolio.
Add this key feature to your eCommerce application in 3 simple steps
Implementing an eCommerce checkout section with Stripe payment gateway integration.
UseState - React Hook
An introduction to the useState hook for stateful React function components.
Garbage Collection in JavaScript
Understanding how memory management happens in JavaScript.
Get started with functions in JavaScript
The basics of defining and calling functions in JavaScript.
Minion translation webapp
Creating a Minion translation app with JavaScript.
Introduction to Qlik Sense
Creating dashboards in Qlik Sense, a BI software platform.
Beautify with CSS
Enhancing the appearance of a web app with CSS.
Beginning with HTML
Learning to create a first webpage with HTML.
Community sessions and technical conversations.
The original portfolio included five embedded talks. They are preserved here in a cleaner responsive layout.