Donor list
HomePage
Donor fregistration page
LifeLa chat bot

🌐 Lifeware Collective

🚀 A smart, AI-powered platform connecting blood donors and seekers, guided by Lifela, your personal health assistant.

💡 Inspiration

The idea for Lifeware Collective emerged from the need for a seamless and intelligent way to bridge the gap between blood donors and those in urgent need—especially in underserved or remote regions. We were also inspired by how AI can transform healthcare access and information delivery, helping users receive instant diet advice, donor assistance, and health education through a friendly chatbot assistant.

🛠️ How We Built It

The platform was built as a single-page React web application using the following stack:

Frontend: ReactJS with Tailwind CSS for a clean, glossy, responsive UI
Backend: Supabase (PostgreSQL + REST API)
AI Assistant: "Lifela" — integrated using OpenAI's GPT API
Design: Cursor AI + Copilot-driven component generation
Deployment: GitHub for version control, Vercel/Netlify for hosting

The app features:

A beautiful Home Page with project overview and stats
A dynamic Donor Finder with search and filter functionality
A Donor Registration Page storing data to Supabase
An AI-powered Health Assistant Chatbot named Lifela

🧠 What We Learned

How to build and connect a full-stack React app with Supabase
Handling real-time UI state updates with filtered data
Integrating GPT-based AI to deliver helpful, human-like responses
Structuring a clean, component-based front-end with consistent layout and CSS
How to prompt Copilot and Cursor AI to generate meaningful UI/UX patterns

🧗 Challenges Faced

Setting up Supabase and managing database permissions
Styling and spacing issues across multiple devices and screen sizes
Creating consistent hover effects and active states for navigation
Keeping AI responses context-aware and specific to health topics
Scroll restoration issues between page transitions in SPA (Single Page App)
Handling fallback states when database connection fails

📈 Future Scope

Adding authentication for verified donor and recipient access
Real-time location-based donor matching
Health data visualization and history tracking
Expanding Lifela’s AI knowledge with multilingual support

✨ Formula of Impact

We believe:

By combining verified donor databases and accessible AI, Lifeware Collective is designed to save lives, empower users, and bridge healthcare gaps using technology.

Made with ❤️ by Team Lifeware Collective