Picturespark
Picturespark is a full-featured coaching platform built with Next.js and Supabase, styled in Tailwind CSS and deployed on AWS via Docker. Coaches can organize their workflows, manage bookings, host one-on-one video calls, and run real-time interactive group sessions powered by Socket.io.
Gallery
Features
- ·Coach dashboard with calendar
- ·One-on-one video call integration
- ·Interactive group sessions
- ·Booking & payment management
- ·Session history & analytics
Challenges
- ·Implementing real-time interactive sessions
- ·Scaling WebSocket connections
- ·Integrating low-latency video streams
- ·Designing a flexible coach scheduling system
Technologies
Next.js
React framework for SSR & API routes
Supabase
PostgreSQL database & auth
Tailwind CSS
Utility-first CSS framework
AWS
Hosting & serverless functions
Docker
Containerization for consistent deployments
Socket.io
Real-time WebSocket communication
Reflection
Building Picturespark deepened my understanding of real-time WebSocket architectures and low-latency video streaming. The toughest part was optimizing resource usage on AWS to ensure smooth video calls under load. I learned to orchestrate Docker containers for scalability and to leverage Supabase's edge functions for real-time data sync. This project strengthened my skills in full-stack Next.js development and real-time communication technologies.