Code Monkey home page Code Monkey logo

iiitdm-hack-frontend's Introduction

Logo

VASHISHT-HACKATHON

Electronic Health Record (EHR) Frontend

Introduction

Welcome to the frontend repository of our Electronic Health Record (EHR) application. This frontend component is built using Next.js and is hosted on Vercel. It is a fully responsive and user-friendly application designed to provide a comprehensive healthcare management solution.

To Use

Visit https://iiitdm-vashisht.vercel.app/login to access the Electronic Health Record (EHR) application. You can sign up as a patient using your own credentials, or alternatively, you can use the provided doctor and hospital credentials for testing purposes.

Doctor Credentials:

  • Username (UID): d2
  • Password: d2

Hospital Credentials:

  • Username (UID): h1
  • Password: h1

If you sign up as a patient with a new account, there will be no existing records. However, you can use the doctor and hospital credentials to add records to your account for testing purposes.

Feel free to explore the application and its features using the provided credentials. If you encounter any issues or have any feedback, please don't hesitate to reach out to us.

Features

  • User Authentication: Secure login and registration system using Google OAuth for hospital, patient, and doctor roles. OTP verification is implemented using Amazon SES.
  • Role-based Access Control: Different access levels for hospitals, patients, and doctors.
  • Hospital Interface:
    • Admin can add, edit, and delete patient records and doctor records.
    • Detailed patient history and treatment details are accessible.
    • Centralized storage of patient records and medical history. hos
  • Patient Interface:
    • Access to full medical history, including treatment details, medications, and scans.
    • Graphical representation of disease forecast using D3 framework.
    • Capability to edit profile and grant access to hospitals and family members. pa pa2
  • Doctor Interface:
    • Ability to maintain patient records, including treatment details and scans.
    • Option to edit profile and manage patient records. doc

Tech Stack

  • Next.js: React framework for building server-side rendered web applications.
  • TypeScript: Typed superset of JavaScript for enhanced developer experience and code quality.
  • React: JavaScript library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for building custom designs.
  • D3.js: JavaScript library for data visualization, used for showing graphical forecasts.
  • Google OAuth: Authentication mechanism for user login using Google accounts.
  • Amazon SES: Service for sending OTP verification emails.
  • Vercel: Hosting platform for deploying Next.js applications.

Setup Instructions

To run the application locally, follow these steps:

  1. Clone this repository to your local machine.
  2. Install dependencies using npm install.
  3. Set up environment variables for API endpoints, authentication keys, and AWS credentials.
  4. Run the development server using npm run dev.
  5. Access the application in your browser at http://localhost:3000.

Contributing

Contributions to the development and enhancement of this application are welcome! To contribute, please fork the repository, make your changes, and submit a pull request with descriptive comments.

iiitdm-hack-frontend's People

Contributors

rahulnavneeth avatar raviprasathkj avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.