Fomo

Personal Project

Software

2,025

01/

Overview

This ongoing, full-stack, mobile-first social media project addresses fragmented experiences and event organisation by providing a single platform for users to host and engage with events. I implemented real-time functionality via Supabase with localStorage fallbacks for offline use, building features such as event creation, live feed updates, RSVP management, friend connections and customisable user profiles. The app is designed to enhance social connections and bring people together and the development process has also strengthened my skills in prompt engineering and AI-assisted programming using tools like Cursor and Supabase AI. Deliverables include a fully interactive dashboard, real-time data handling and an accessible, responsive front-end suitable for desktop and mobile users.

Stack:

  • Typescript

  • Javascript

  • Tailwind CSS

  • Next.js

02/

Process

Developed using Next.js 15 (App Router) and a nested context provider architecture for authentication, party management, and friend relationships. The UI was built with Tailwind CSS and Radix UI for a consistent, responsive, and accessible design. Real-time features were powered by Supabase subscriptions, enabling live updates across clients.

The data layer includes automatic migration from localStorage to Supabase, media compression via FFmpeg, a custom caching layer, and row-level security (RLS) policies in PostgreSQL. Complex state is managed through Zustand, with comprehensive TypeScript types ensuring maintainability and scalability.

This project also marked a turning point in how I build - it’s where I really learned to integrate AI into my development workflow. I refined my prompt engineering skills and became comfortable using tools like Cursor and Supabase AI to debug and accelerate development in smarter and more creative ways.

Technologies used:

  • Next.js - Server/client components and routing.

  • TypeScript / Tailwind CSS - dynamic UI, responsive layout.

  • Supabase - PostgreSQL, authentication, real-time updates, and RLS.

  • FFmpeg - Media compression and video processing.

  • pnpm - Efficient package management.

03/

Key features

Key features:

  • Event creation with customisable details (date, time, location, tags).

  • Real-time social feed with photo/video posts.

  • RSVP management with live updates.

  • Friend system with connection requests and visibility controls.

  • User profiles with bios.

  • Media compression and upload progress tracking.

  • Secure, role-based access through row-level security.

  • Automatic localStorage to Supabase data migration

Ankhara