Skip to content

About

Modern healthcare workflow management system with role-based dashboards for doctors and receptionists, patient intake, appointment scheduling, and clinical workflow management built with Next.js, TypeScript, Tailwind CSS, and Zustand.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

πŸ₯ EvoDoc Flow β€” Clinical Workflow Management System

A modern, role-based healthcare web application designed to streamline patient intake, appointment scheduling, and clinical workflows for real-world care teams.


🌐 Live Demo

πŸ‘‰ https://evo-doc-flow.vercel.app


πŸ“Œ Overview

EvoDoc Flow is a production-ready frontend application built to simulate how clinics manage patient flow efficiently.

The system provides two dedicated portals:

  • πŸ‘©β€βš•οΈ Nurse / Receptionist Portal β€” for patient intake and appointment management
  • πŸ§‘β€βš•οΈ Doctor Portal β€” for clinical overview, scheduling, and patient insights

The goal was to design a clean, intuitive, and scalable interface that reflects real clinical workflows.


πŸš€ Key Features

🧾 Patient Intake System

  • Multi-step patient registration (Personal, Medical, Emergency)
  • Auto age calculation from DOB
  • Structured clinical data capture

πŸ“… Appointment Management

  • Schedule appointments with doctor selection
  • Filter by status (Scheduled, Completed, Cancelled)
  • Search by patient or physician

πŸ§‘β€βš•οΈ Doctor Dashboard

  • Daily and weekly appointment insights
  • Patient statistics and wait time tracking
  • Activity timeline with recent updates

πŸ“Š Clinical Workflow Design

  • Clear separation of nurse and doctor responsibilities
  • Optimized UI for fast data entry and review
  • Real-world inspired workflow structure

🎨 Modern UI/UX

  • Clean SaaS-style interface
  • Fully responsive (mobile, tablet, desktop)
  • Light/Dark theme support

πŸ› οΈ Tech Stack

  • Framework: Next.js (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS
  • State Management: Zustand
  • UI Icons: Lucide React
  • Date Handling: date-fns
  • Deployment: Vercel

🧠 Design Decisions

  • Role-Based Architecture: Separate portals improve clarity and usability
  • Zustand for State: Lightweight and scalable for managing patients and appointments
  • Component Reusability: UI components designed for consistency and maintainability
  • Clinical Workflow Focus: Prioritized real-world usability over generic layouts

βš™οΈ Getting Started

Clone the repository:

git clone https://github.com/kskreddy2k7/EvoDoc-Flow.git
cd EvoDoc-Flow

Install dependencies:

npm install

Run locally:

npm run dev

Build for production:

npm run build

πŸ“± Responsive Design

The application is optimized for:

  • Desktop dashboards (primary use case)
  • Tablet layouts
  • Mobile-friendly navigation

πŸ” Notes

  • Authentication is simulated using local state
  • Data is stored in-memory (no backend integration)
  • Designed as a frontend-focused system for demonstration purposes

🎯 Future Improvements

  • Backend integration (Node.js / Firebase)
  • Real authentication system (JWT / OAuth)
  • Role-based access control (RBAC)
  • Database integration for persistent storage
  • Notifications and real-time updates

πŸ‘¨β€πŸ’» Author

Kata Sai Kranthu Reddy


⭐ Final Note

This project focuses on building a real-world healthcare UI system with clean architecture, intuitive workflows, and production-level design.

It reflects how modern clinical platforms can improve efficiency, reduce manual work, and enhance patient management.


Designed with a focus on clarity, usability, and real-world clinical flow.

πŸ₯ EvoDoc Flow β€” Clinical Workflow Management System

A modern, role-based healthcare web application designed to streamline patient intake, appointment scheduling, and clinical workflows for real-world care teams.


🌐 Live Demo

πŸ‘‰ https://evo-doc-flow.vercel.app


πŸ“Œ Overview

EvoDoc Flow is a production-ready frontend application built to simulate how clinics manage patient flow efficiently.

The system provides two dedicated portals:

  • πŸ‘©β€βš•οΈ Nurse / Receptionist Portal β€” for patient intake and appointment management
  • πŸ§‘β€βš•οΈ Doctor Portal β€” for clinical overview, scheduling, and patient insights

The goal was to design a clean, intuitive, and scalable interface that reflects real clinical workflows.


πŸš€ Key Features

🧾 Patient Intake System

  • Multi-step patient registration (Personal, Medical, Emergency)
  • Auto age calculation from DOB
  • Structured clinical data capture

πŸ“… Appointment Management

  • Schedule appointments with doctor selection
  • Filter by status (Scheduled, Completed, Cancelled)
  • Search by patient or physician

πŸ§‘β€βš•οΈ Doctor Dashboard

  • Daily and weekly appointment insights
  • Patient statistics and wait time tracking
  • Activity timeline with recent updates

πŸ“Š Clinical Workflow Design

  • Clear separation of nurse and doctor responsibilities
  • Optimized UI for fast data entry and review
  • Real-world inspired workflow structure

🎨 Modern UI/UX

  • Clean SaaS-style interface
  • Fully responsive (mobile, tablet, desktop)
  • Light/Dark theme support

πŸ› οΈ Tech Stack

  • Framework: Next.js (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS
  • State Management: Zustand
  • UI Icons: Lucide React
  • Date Handling: date-fns
  • Deployment: Vercel

🧠 Design Decisions

  • Role-Based Architecture: Separate portals improve clarity and usability
  • Zustand for State: Lightweight and scalable for managing patients and appointments
  • Component Reusability: UI components designed for consistency and maintainability
  • Clinical Workflow Focus: Prioritized real-world usability over generic layouts

βš™οΈ Getting Started

Clone the repository:

git clone https://github.com/kskreddy2k7/EvoDoc-Flow.git
cd EvoDoc-Flow

Install dependencies:

npm install

Run locally:

npm run dev

Build for production:

npm run build

πŸ“± Responsive Design

The application is optimized for:

  • Desktop dashboards (primary use case)
  • Tablet layouts
  • Mobile-friendly navigation

πŸ” Notes

  • Authentication is simulated using local state
  • Data is stored in-memory (no backend integration)
  • Designed as a frontend-focused system for demonstration purposes

🎯 Future Improvements

  • Backend integration (Node.js / Firebase)
  • Real authentication system (JWT / OAuth)
  • Role-based access control (RBAC)
  • Database integration for persistent storage
  • Notifications and real-time updates

πŸ‘¨β€πŸ’» Author

Kata Sai Kranthu Reddy


⭐ Final Note

This project focuses on building a real-world healthcare UI system with clean architecture, intuitive workflows, and production-level design.

It reflects how modern clinical platforms can improve efficiency, reduce manual work, and enhance patient management.


Designed with a focus on clarity, usability, and real-world clinical flow.

About

Modern healthcare workflow management system with role-based dashboards for doctors and receptionists, patient intake, appointment scheduling, and clinical workflow management built with Next.js, TypeScript, Tailwind CSS, and Zustand.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages