Inspiration

Social platforms today feel either way too noisy or way too empty. I wanted something that feels alive, where your digital presence has a vibe, a rhythm, and a sense of flow. That idea evolved into Synloq — a space where design, interaction, and personality pulse together.

I set out to build a platform that blends clean UI, smooth animations, and lightweight social interaction, all while keeping the codebase modern and fun to work with.

What It Does

Synloq is a vibe-coded social experience. Users can log in, share updates, explore others' profiles, and interact in an environment built to feel fresh and expressive. Everything — from the motion to the color system — is crafted to create a consistent emotional tone.

How I Built It

I broke the project into stages: Authentication Layer- Implemented login/signup with secure session handling. Core Interface- Designed a minimal, modern UI built around quick interactions. Feed + Profile Components- Modular React components allow fast iteration and feature updates. Backend Logic- Lightweight API endpoints connect user data, posts, and interactions. Deployment- Deployed on Vercel with automatic builds and preview deployments.

Challenges

Every fun project comes with hurdles: Finding the perfect balance between minimalist and expressive UI Ensuring quick load times despite animated elements Structuring the API so features can scale without rewrites Debugging edge-cases in session handling Making the entire experience feel cohesive instead of “just another app” Each challenge pushed the build forward and taught me to think more critically about user flow and architecture design.

Accomplishments That We’re Proud Of

Built a fully functional social platform from scratch — from authentication to UI to interactive components. Crafted a clean, modern, vibe-based design language that feels expressive without being overwhelming. Achieved smooth, glitch-free animations that enhance the experience instead of slowing it down. Established a scalable structure for future features like notifications, messaging, and richer profiles. Deployed a stable, production-ready version on Vercel with fast load times and seamless routing. Solved tricky edge-case bugs related to sessions, rendering order, and API responses — and came out stronger. Created a cohesive user journey that actually feels like a place instead of just another app screen. Learned, iterated, and shipped fast, turning raw ideas into a polished experience in a short time.

What I Learned

This project taught me a TON, including: Architecting cleaner React code with reusable component patterns Improving UX by focusing on motion, spacing, and micro-interactions Deploying efficiently with Vercel’s serverless functions Designing interface systems that scale visually and logically Iterating faster by combining design + development instead of treating them separately I also learned the huge impact consistent vibes have on user perception!

What’s Next for Synloq

Real-time messaging & reactions Bringing instant communication into the platform so interactions feel alive and dynamic. Personalized vibe profiles Custom color palettes, themes, and motion styles that let users express their digital personality. A richer, smarter feed Adding interest-based surfacing, smoother transitions, and better post discovery. Notifications & activity center Keeping users connected with subtle, non-intrusive alerts and updates. Improved accessibility & UI refinements Smoother typography, higher contrast options, and better keyboard/screen reader support. Expanded API + backend upgrades More scalable data models, cleaner endpoints, and room for future mobile apps. Synloq Mobile (long-term) A lightweight, gesture-driven mobile experience designed specifically for “vibe-first” interaction. Community-driven features Polls, micro-groups, collaborative vibes, and creative tools based on user feedback.

Built With

  • api
  • appwrite
  • authentication
  • framer
  • layer
  • motion
  • next.js
  • node.js
  • prisma
  • react
  • rest
  • tailwindcss
  • vercel
Share this project:

Updates