Your Online Doctor

• 

  frontend

• 

  backend

• 

  frontend

• 

  Front end

• 

  Frontend

• 

  QR code scanner

• 

  Front end

what inspires

Your Online Doctor a web app was created out of a deep desire to make quality healthcare accessible to everyone, regardless of their location or schedule. In many parts of the world, patients struggle to book quick appointments, remember their medication schedules, or access trusted health information. This inspired us to design a platform that brings doctors, reminders, and trusted medical advice right to people’s fingertips — an all-in-one virtual healthcare assistant for daily well-being.

What it does

Your Online Doctor is an intelligent, patient-focused web app that simplifies healthcare management. It allows users to: Book appointments with verified doctors directly through the app. Receive automated reminders for medicines, checkups, or follow-up appointments. Chat with an AI-powered health assistant, which answers common medical queries and provides voice-enabled interaction for accessibility. Explore health tips on common diseases, vaccines, and medications — with a built-in search feature for fast lookup. View seasonal vaccination schedules and costs to stay updated on community health priorities. Essentially, it’s a digital clinic that fits in your browser — safe, smart, and simple.

How we built it:

The project was developed using Flask (Python) as the backend framework and Bootstrap 5 for the responsive user interface. The chatbot integrates OpenAI API for intelligent text understanding and conversational ability. For voice interaction, browser-based Web Speech API enables speech-to-text and text-to-speech without external costs, making the system inclusive for users with typing or reading difficulties. All sensitive credentials, such as SMTP settings for doctor emails, are securely stored in an .env file. The frontend features structured templates for each section — Dashboard, Reminders, Book Appointment, Chatbot, and Health Tips — connected through a clean navigation system.

Challenges we ran into

Developing Your Online Doctor came with its own set of challenges: Email integration for appointment confirmations initially failed due to environment variable issues and SMTP restrictions. Data flow synchronization between reminders and the dashboard took careful debugging to ensure that user updates reflect instantly. Voice integration required balancing simplicity and functionality, leading to the use of browser-native speech APIs instead of paid services. Designing the Health Tips search system to handle categories like “flu,” “fever,” and “diabetes” efficiently while keeping it lightweight for users with slow internet connections. Accomplishments that we're proud of: Fully functional health platform that combines booking, reminders, and chat in one place. Voice-enabled chatbot that understands and speaks responses, making it accessible for all age groups. Doctor email notifications that automate appointment confirmations. Educational Health Tips Library, providing valuable, trustworthy medical insights to users. Clean, beginner-friendly codebase that can be easily extended by other young developers or future contributors.

What we learned:

Healthcare apps require trust. Every word, feature, and design element must make the user feel safe and informed. APIs are powerful but tricky. Learning to manage keys securely with .env files taught valuable lessons about app safety. Voice and AI together create inclusivity. Not every user prefers typing, and accessibility should always come first. User feedback matters. Iterating on small UI and reminder flow issues made a huge difference in usability.

What's next for Your Online Doctor:

As Your Online Doctor web app evolves, here’s what’s on the roadmap: Multilingual voice chatbot, allowing patients to talk and listen in Urdu, English, and Arabic. Prescription tracking system, where doctors can upload prescriptions directly for patients to view securely. Mobile app version for Android and iOS. AI-based symptom checker to provide preliminary insights before booking a doctor. Community Health Feed, connecting users with verified local health news and tips.

Built With

• dotenv
• html\css\bootstrap5
• javascript(speechrecognition+tts)
• openaiapi
• python
• rander\railwayfordeployment
• smtp(emailintegration)