Skip to content

PranavSingh21/WibeChek

Repository files navigation

WibeChek – Real-Time Friend Activity App

WibeChek is an MVP social-presence app built around a simple observation:
friends constantly ping each other for small, everyday plans — a weekend badminton game, a quick chai break, or the start of a trip.

Instead of endless “what’s up?” messages, WibeChek lets you instantly share your current vibe (mood or activity) with your close groups in real time.

It was conceived, scoped, and delivered as a rapid experiment to validate whether lightweight, real-time status sharing can reduce coordination friction and increase social connection.


🎯 Target User & Problem

Target User: Young professionals or college friends who want a quick way to know what friends are up to without DMing or scrolling through noisy feeds.

Key Pain Points:

  • High friction to check friend availability.
  • Existing social media is noisy and not real-time.
  • No lightweight group coordination.

Our Hypothesis: Providing a simple, real-time “vibe” grid inside small groups will increase feelings of connection and reduce coordination friction.

🎯 Product Vision

Give people a simple, joyful way to broadcast what they’re up to and see what their friends are doing — instantly and without the clutter of traditional social feeds.


🗂️ MVP Scope

Area Feature (MVP) MoSCoW Priority
Authentication Google sign-in via Firebase Auth Must-have
Home Real-time vibe grid showing friend counts Must-have
Home Create custom vibes (emoji + text) Must-have
Home Availability toggle (Available/Busy) Wont-have
Home Group Dropdowns containing vibe cards Must-have
Home Edit menu for vibe cards Should-have
Home Group Dropdowns containing vibe cards Must-have
Home Google Map abiltiy for venue field in Vibe cards could-have
Home Notification toggle for vibe cards could-have
Settings Create new group (Group name input + Create) Must-have
Settings Join existing group (Group code input + Join) Must-have
Settings List of user’s groups with member count & shareable group codes Must-have
Settings Sign Out Must-have
Settings Edit Group Details Menu Should-have
Settings Leave Group Could-have
Settings Group Members Details Could-have
Settings Group Notifications toggle Could-have
Messaging Direct messages between friends (future) Won’t-have (v1)
Friends List of all users with live status Won’t-have (v1)
Friends Filter by shared vibes (future) Won’t-have (v1)

👥 User Journey

  1. Login – Fast Google sign-in, frictionless onboarding.
  2. Home – Browse or create vibes for your different groups; see all details with how many friends are "in" for each vibe.
  3. Image/Name – Edit you name and profile image quickly by one click.
  4. Settings Menu Page – Quickly create/ join groups and see all of your groups, with sign out option.

📝 Research & Design

  • Conducted wireframing and clickable prototypes to test flows with early users.
  • Used MoSCoW prioritization to decide MVP features vs. backlog.
  • Applied a mobile-first design system: bright gradients, emoji-first UI, and touch-friendly interactions based on feedback. screen screen screen

📊 Success Criteria

  • <30-second onboarding (login + first vibe).
  • Real-time updates under 1 second.
  • ≥80% of testers rated UI as “fun” or “joyful.”

🎯 Outcome of the Experiment (Planned)

The MVP is currently live with a small group of early adopters.
Over the next few weeks we’ll be measuring:

  • Coordination friction: Time it takes for friends to agree on small plans (chai break, badminton, etc.) compared to chat apps.
  • Awareness: How often participants check the app vs. messaging directly.
  • Sentiment: Whether users perceive the experience as more joyful and less cluttered than traditional feeds.

These metrics will help validate (or invalidate) the core hypothesis and shape the roadmap.

🚀 Roadmap

Future enhancements planned for WibeChek:

  • Filter friends by shared vibes
  • Direct messaging
  • Notifications of vibe changes
  • Improved analytics dashboard

🌐 Live Demo & Code


⚙️ Tech Stack

React (Vite) • TypeScript • Firebase Auth • Cloud Firestore • Tailwind CSS

This repo contains only the lightweight implementation needed to validate the MVP.
Developer setup: npm installnpm run dev (see src/firebase/config.ts for configuration).


© 2025 Pranav Anand Singh

About

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages