The Doctor Appointment App

A doctor appointment app powered by Affinidi Login.
View Demo

Table of Contents

1. About The Project
   • Features
2. Instructions to Use
3. Built With
4. Development Instructions
   • Installation
   • Running locally

About The Project

This is a submission for StackUp Bounty: Build Your Affinidi-Powered Product.

The doctor appointment allows user to make a doctor appointment for virtual consultations. Logged in users will be recommended with doctors based on their locality and country. This allow better experience for users as doctors from the same locality and country will be able to better understand local culture and views of health. Besides, if further examinations are needed, doctors can easily refer patients to local health institutions.

Features

• User who has logged in with Affinidi with be able to see recommendations for doctors based on their locality and country.

• User who has logged in with Affinidi will be able to make an appointment with all their details e.g. name, email, phone number, address, gender & date of birth prefilled. (refer codes here)

• User can make doctor appointment without logging in. However, they will be missing out on the ability to primarily be shown doctors in their area. Also they will have to fill out their details.

  • A dismissable prompt will be shown to them to explain the benefits of logging in with Affinidi. (refer codes here)

Instructions to Use

• Visit the website at https://affinidi-powered-product-stackup-bounty.vercel.app/. If not logged in, you will see a dismissable prompt on bottom right conner to explain the benefits of logging in with Affinidi.

• While not mandatory to make an appointment, you may click "Affinidi Login" button on top right corner of the page to login. After logging in, you will notice the copywriting will be updated to reflect your locality/country.

• After logging in, you will be redirected to the homepage. Click "Find doctors" button or scroll down to see a list of doctors based on your locality/country.

• Click on "Make an appointment" button to make an appointment.

• Choose the desired date and time for your appointment on first step of the form.

• Click "Next" button.

• If logged in, you details should be prefilled. Click "Submit" after confirming details are correct.

Built With

• Affinidi Login - Decentralised Identity Management Solution

• Next.js - Frontend Framework

• Next-auth - Integrate Affinidi Login Provider with Next.js

• Mantine - For building functional, responsive & accesible UI

• Tanstack Query - For efficient data fetching & caching

• Vercel for hosting frontend site

Development Instructions

Installation

1. Clone the repo

git clone https://github.com/teyweikiet/affinidi-powered-product-bounty

2. Install dependencies

npm install

Running locally

1. Copy and modify .env accordingly. (Refer comments on top of environment variables for appropriate values.)

cp .env.example .env

2. Start server locally

npm run dev