[ PROJECT_CASE_STUDY ]

Synapce - Cloud Storage Solution

A cloud storage solution that allows users to securely upload files up to 1GB and generate unique, shareable links for instant access on any device without logging in.

OVERVIEW

A cloud storage solution that allows users to securely upload files up to 1GB and generate unique, shareable links for instant access on any device without logging in.

PROBLEM

Users frequently need a frictionless way to share large files across different devices or with others quickly, without the hassle of forcing recipients to create accounts or download specialized software.

SOLUTION

Developed a responsive web application that enables instant, secure file uploads with real-time synchronization. It generates unique sharing links and automatically manages server space by deleting files after 7 days.

RESULTS

  • Successfully took a full-stack application from initial ideation to a live production deployment on Vercel.
  • Enabled seamless, login-free file sharing with reliable 7-day auto-expiring links.
  • Delivered a responsive and real-time synchronized experience across all device types.

TECHNICAL_DEEP_DIVE

Architecture Overview

A serverless, full-stack architecture utilizing Next.js for the frontend UI and routing, tightly integrated with Firebase for authentication, real-time database synchronization (Firestore), and blob storage.

Technical Decisions

Utilized Firebase Firestore alongside Firebase Storage.

To ensure real-time data synchronization of file metadata across all user devices while securely handling large file blobs.

Integrated React Hook Form with Zod.

To enforce strict, type-safe schema validation on the client side, ensuring reliable data entry and file handling before hitting the backend.

Challenges & Fixes

Preventing cloud storage costs from ballooning over time due to abandoned or permanently stored files.

Implemented background serverless functions and CRON jobs to automatically purge files and their associated metadata exactly 7 days after the initial upload.

Synapce - Cloud Storage Solution
LIVE_PROJECT
abdullahkaleem online
STACK ITEMS
3 RESULTS
Next.js
TypeScript
Firebase/Firestore
Firebase Auth
Firebase Storage
Tailwind CSS
React Hook Form
Zod Validation
Vercel