Inspiration Aaj bhi kaafi eye clinics patient records aur appointments manually maintain karti hain. Ye time-consuming bhi hota hai aur galtiyon ke chances bhi hote hain. Hume laga, agar ek aisa CRM ho jo specially eye care clinics ke liye ho — jisme doctors, staff, aur patients ke beech ka coordination easy ho jaye — to wo bahut help karega. Isi idea se EyeCare CRM ka birth hua.

⚙️ What it does EyeCare CRM ek simple aur powerful platform hai jahan:

Patients ka pura medical history securely store hota hai

Appointments easy UI ke through book aur manage kiye ja sakte hain

Doctor apne notes, diagnosis, aur prescriptions track kar sakte hain

Staff real-time dashboard se pura overview le sakta hai clinic ka

Saath hi login system aur role-based access se data safe rehta hai

🏗️ How we built it Frontend humne banaya React 18 aur TypeScript ke sath, styling ke liye Tailwind CSS use kiya. Backend ke liye Supabase choose kiya — jisme PostgreSQL, Auth, aur realtime database support already built-in tha. Sabhi major components modular design mein banaye — jisse maintain karna easy ho future mein.

🧱 Challenges we ran into Supabase mein RLS (Row Level Security) ko sahi se implement karna tricky tha

Appointment slots ko clash hone se bachana — iska logic likhna kaafi time liya

Responsive UI banate waqt mobile aur desktop dono pe optimize karna

Supabase schema manually migrate karna (CLI use nahi kiya intentionally)

🏆 Accomplishments that we're proud of End-to-end secure CRM system banaya with working auth, roles, and database

Doctors aur staff ke liye clean, no-fuss interface

Appointment system ka real-time workflow

Aur sabse important — ye project real clinics ke use case ko solve karta hai

📚 What we learned Supabase ke powerful features jaise Auth, RLS, aur realtime events

React + TypeScript ke sath large-scale components banana

Real-world UX sochna: kya kaam karega ek doctor ke liye ya receptionist ke liye

Clean folder structure aur Git-based collaboration

🚀 What's next for EYE-CARE-CRM Appointment reminders via email/SMS

Google Calendar integration

Mobile app for doctors

Multi-branch support for clinics

Insurance billing system

Video consultation feature for telemedicine

Built With

  • component-based-ui-framework-typescript-?-type-safe-javascript-for-reliable-code-tailwind-css-?-utility-first-css-for-rapid-ui-styling-react-router-?-for-client-side-routing/navigation-lucide-react-?-icon-library-for-clean
  • lucide
  • react
  • react-18-?-modern
  • reactrouter
  • tailwindcss
  • typescript
  • vite
Share this project:

Updates