04project
snapgram
A social photo-sharing app with a modern React UI — stories, likes and an infinite feed.
- Year
- 2024
- Type
- Open source
- Tech stack
- ReactTypeScript
About the project
snapgram is a social photo app with stories, likes and an infinite feed — an exercise in building a polished, modern React interface.
Gallery
- 01
The challenge
Modern social UI is a checklist of hard details: stories, double-tap likes, skeleton states and layouts that must feel native on any screen.
- 02
The solution
A component-driven React architecture with a strict design system, fine-grained loading states and gesture-friendly interactions.
- 03
The result
A polished, portfolio-grade social app UI — proof that the details separating 'works' from 'feels great' are all buildable.
Key features
- 01StoriesA tap-through story viewer with progress indicators and preloading.
- 02Real interactionsLikes, saves and comments with instant visual feedback.
- 03Responsive by designOne layout system from a small phone to a wide desktop.
My role
- Frontend architecture and implementation
- Design-system-first component library
- React + TypeScript
Related service
Full-stack web applicationsMore projects
Build something similar
↗cloud-os
2026An experimental web-based cloud operating system — a desktop-like environment running in the browser.
PHPJavaScript
↗nextjs-fullstack-template
2026A production-ready full-stack Next.js starter with TypeScript — the boilerplate I reuse to ship new products fast.
Next.jsTypeScript