Mediblob

Doctor Dashboard
All Patients View - Doctor
Calendar
Patient View - Doctor
Registration
Patient Dashboard
Landing Page

Inspiration

Whenever people try to book a doctors appointment for a quick advice or something that is so minor, it doesn't need an in person visit, and this resolves that, by providing a quick way of communication.

Code Rundown Video

https://youtu.be/UwRpehlZPI8

What it does

Mediblob is a modern medical portal that connects patients and doctors. It lets patients track their health in real time (symptoms, medications, appointments) while doctors monitor everything on a dashboard and can manage care plans.

Features

For Patients:

Track symptoms with severity levels
View prescribed medications (with dosage & instructions)
Check upcoming appointments/events
Secure chat and video calls with your doctor

For Doctors:

Dashboard to manage all connected patients
Assign medications
Schedule events (in-person or online)
See patient progress & history at a glance

Shared Features:

Calendar & scheduling (real-time)
Mediblob AI assistant (suggestions / insights)
Connections system (doctor–patient relationships)
Authentication system (patient/doctor login)

Tech Stack

Next.js 14 (App Router)
TypeScript
Prisma ORM with MongoDB (Atlas)
TailwindCSS for styling
Framer Motion for animations
react-big-calendar for calendar UI
NextAuth for authentication

What we learned

Building Calendar
Creating an app with different access levels
Integrating AI into the app

What's next for Mediblob

Built in call feature
Built in Messaging
Connect to smartwatch so it would get data from there

⚠️ Testing the Project

This website would be complicated to test without existing data, so for testing the demo, you can use login credentials for doctor, emily@example.com, with a password "password123"

If testing locally, create a database and .env file, then use /prisma/seed.js and run npx prisma db seed

For participants: please keep it easy for the judges and don't mess with the data, and stay respectful.