🏥 GenOne — AI-Powered Virtual Reception Desk

An intelligent hospital guidance platform built with Next.js that transforms the traditional hospital reception into a seamless digital experience. GenOne guides patients from symptom identification to department recommendation, doctor selection, appointment booking, and hospital navigation—all through a modern, intuitive interface.

---

🌐 Live Demo

Try the page here : https://genone-virtual-reception-desk.vercel.app/

GenOne is currently under active development as part of the Software Innovation Challenge (SIC) 2026.

---

✨ Features

Feature	Description
🤖 AI Virtual Reception	A guided digital receptionist that assists patients throughout their hospital journey
🏥 Smart Department Discovery	Explore hospital departments with patient-friendly descriptions and guidance
👨‍⚕️ Doctor Directory	Browse all specialists with qualifications, experience, and department information
🩺 Symptom-Based Guidance	Help patients identify the most appropriate department based on their symptoms
📅 Appointment Booking	Guided workflow for selecting doctors, time slots, and completing bookings
👤 Patient Information	Secure appointment booking with patient details and booking summary
📍 Visit Information	Displays building, floor, room number, reporting time, and hospital navigation details
📂 Appointment Records	View previous and upcoming appointments in a clean, patient-friendly interface
🛡 Trusted Healthcare Guidance	Learn about hospital services, facilities, and patient care information
📱 Fully Responsive	Optimized experience across desktop, tablet, and mobile devices
✨ Premium User Experience	Modern UI with smooth animations, micro-interactions, and cinematic transitions

---

🚀 Setup

1. Clone & Install

git clone https://github.com/Bavithran-G/GenOne.git

cd GenOne

npm install

2. Run the Development Server

npm run dev

Open:

http://localhost:3000

---

🏗️ Architecture

GenOne/

├── app/
│   ├── page.tsx                    # Home
│   ├── departments/
│   ├── doctors/
│   ├── virtual-reception/
│   ├── records/
│   ├── appointment/
│   ├── confirmation/
│   ├── visit-information/
│   ├── contact/
│   └── layout.tsx
│
├── components/
│   ├── ui/
│   ├── layout/
│   ├── navigation/
│   ├── reception/
│   ├── doctors/
│   ├── appointments/
│   └── shared/
│
├── data/
│   ├── doctors.ts
│   ├── departments.ts
│   ├── appointments.ts
│   └── hospital.ts
│
├── public/
│
├── styles/
│
├── package.json
└── next.config.js

---

🩺 Patient Journey

Patient Visits GenOne
        │
        ▼
🏠 Home
        │
        ▼
🤖 Virtual Reception
        │
        ▼
🩺 Describe Symptoms
        │
        ▼
🏥 Recommended Department
        │
        ▼
👨‍⚕️ Select Doctor
        │
        ▼
📅 Choose Appointment
        │
        ▼
👤 Complete Booking
        │
        ▼
✅ Appointment Confirmation
        │
        ▼
📍 Visit Information
        │
        ▼
📂 Appointment Records

GenOne replicates the workflow of a real hospital receptionist, helping patients navigate the healthcare process with clarity and confidence while minimizing confusion and waiting time.

---

🎨 Design Philosophy

GenOne is designed around one core principle:

Guide patients instead of simply displaying information.

Every page is built to answer one question in the patient's journey:

• Home → How can GenOne help me today?
• Departments → Which department should I visit?
• Doctors → Which specialist is right for me?
• Virtual Reception → Guide me through the booking process.
• Visit Information → Where should I go inside the hospital?
• Records → What are my previous appointments?

---

💻 Tech Stack

Technology	Purpose
Next.js (App Router)	Frontend Framework
TypeScript	Type Safety
Tailwind CSS	UI Styling
Framer Motion / Motion Library	Premium Animations
Lucide Icons	Icon Library
Local Mock Data	Prototype Data Source

Note: The current prototype uses local mock data. Backend integration can be added in future versions.

---

🎯 Key Highlights

• AI-inspired Virtual Reception experience
• Patient-first navigation workflow
• Smart appointment booking process
• Department-specific doctor recommendations
• Interactive doctor profiles
• Appointment confirmation and visit guidance
• Hospital navigation assistance
• Responsive and accessible interface
• Smooth, cinematic user interactions

---

📋 Prerequisites

Tool	Minimum Version
Node.js	18 or higher
npm	Latest
Next.js	15+

---

🚀 Future Enhancements

• 🔐 Patient Authentication
• ☁️ Cloud Database Integration
• 🤖 Real AI Symptom Recommendation
• 🗺 Interactive Hospital Indoor Navigation
• 📹 Telemedicine Consultation
• 📲 SMS & Email Appointment Notifications
• 🩺 Electronic Medical Record Integration

---