QuickAid

🌟 Inspiration

We saw many people needing instant micro-help but lacking a seamless platform to connect helpers and requesters in real-time. QuickAid bridges this gap with a real-time, gamified, peer-to-peer help platform.

🚀 What it does

Users post quick help requests (title, description, urgency, tags, attachments).

1. Helpers browse, filter, and accept requests instantly.
2. Establish real-time chat immediately.
3. Helpers earn points and badges for helping.
4. Requesters spend points to post/boost requests.
5. GPT-4 fallback bot auto-responds if no helper in 2 mins.
6. Includes a Community Hub for live help sessions and shared resources.
7. Leaderboards and streak rewards for community engagement.

🛠️ How we built it

Frontend:

1. React + Vite (SPA)
2. Tailwind CSS for responsive design
3. Framer Motion for smooth animations

Backend:

1. Supabase (Auth, Realtime, PostgreSQL, Storage)
2. Supabase Auth (email, Google login)
3. Supabase Realtime for live chat and status updates

Features:

1. Points + badges system
2. Clean, matte-glass aesthetic (Inter font)
3. GPT-4 fallback for instant AI help

🧩 Challenges we ran into

1. Managing real-time sync with Supabase
2. Handling row-level permissions while enabling real-time chat
3. Designing a clean, functional, real-time UI/UX
4. Creating robust error handling for Supabase operations

🎉 Accomplishments that we're proud of

1. Built a fully functional real-time micro-help system
2. Integrated points, badges, and leaderboards
3. Added GPT-4 fallback bot for seamless help
4. Clean, responsive design
5. Community Hub with live sessions
6. End-to-end Supabase integration

📚** What we learned**

1. Supabase real-time workflows
2. Building intuitive real-time peer-to-peer UX
3. Importance of gamification for community apps
4. Debugging real-time systems effectively
5. Designing trust-driven community systems

🚀 What's next for QuickAid

1. Add voice/video call integration
2. Launch in universities and communities
3. AI-based smart matching of helpers
4. Build a React Native mobile app
5. Explore blockchain-based micro-rewards

Code block example

import { createClient } from '@supabase/supabase-js'
const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
const { data, error } = await supabase.from('requests').select('*')

Built With

• framer
• react
• supabase
• tailwind
• typescript
• vite