imohit159/medi-hub

[FEAT] : Adding an appointment information page

Open

#205 opened on May 30, 2024

View on GitHubContributor guide
 (6 comments) (0 reactions) (1 assignee)JavaScript (152 forks)auto 404
frontendgssochelp wantedlevel3priority: high

Repository metrics

Stars
 (97 stars)
PR merge metrics
 (PR metrics pending)

Description

Description

  • You have to display both User and Doctor details under the title "Appointment Information".
  • You can check the appointment model and controller for ref.
  • Our goal is to display only the "booked" appointment details on the page, exclude other information
  • You do not need to integrate it with backend

UI Ref:

https://dribbble.com/shots/23502361-Dental-Website-Application-Appointment-Details

Actual Behavior

No page is showing when when they hover on login --> Appointment

Expected Behavior

User can see their appointment info when they hover on login --> Appointment.

Steps to Reproduce (if applicable)

  1. Create a page namely as AppointmentInfo
  2. Link to the dropdown menu

Contributor guide

Research direction
Inspect the appointment model and controller files for data structure, then create a React component to display only booked appointments with user and doctor details.
Tech stack
javascriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75