KlinicCon Frontend

Book an appointment for an in-clinic consultation with ease. Consult top doctors by speciality for any health concern. Easily manage your appointments by scheduling with available dates and times. Patients can easily find and book appointments with local specialists.

Features

• Secure User Authentication: Safe login with email and password.
• Detailed Doctor and Patient Profiles: Profiles with relevant information.
• Clinic Profile Page: Overview of clinic details.
• Easy Booking: Schedule appointments with available dates and times.
• Payment Options: Secure transactions integrated with Stripe.
• Nearby Doctor Availability: Map-view to find doctors in the area.
• Specialization Filters: Find doctors by specialization.
• Advanced Search: Filter profiles by treatments, ratings, and locations.
• Ratings and Reviews: View and leave authentic doctor reviews.

Design

Our application combines design ideas from:

• Homy Next.
• Si - Sehat Mobile UI Kit
• Practo

KlinicCon Backend API

For more information about the backend API, please refer to the KlinicCon-Backend

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Before installation, please make sure you have already installed the following tools:

• Git (version 2.30.0 or higher)
• Node.js (version 16.14.0 or higher)
• npm (version 7.0.0 or higher)
• Ruby (version 3.0.2 or higher)
• Rails (version 7.0.0 or higher)
• PostgreSQL (version 12.0 or higher)

Installation

KlinicCon-Frontend

1. Clone this repository:

   git clone https://github.com/rt4914/KlinicCon-Frontend.git

2. Navigate to the project directory

   cd KlinicCon-Frontend

3. Install dependencies

   npm install

4. Run the server in the project directory:

   npm run dev

5. Open the URL in your browser: http://localhost:PORT

6. Optional step to run a storybook

   npm run storybook

KlinicCon-Backend

1. Clone this repository:

   git clone https://github.com/rt4914/KlinicCon-Backend.git

2. Navigate to the project directory

   cd KlinicCon-Backend

3. Install dependencies

   bundle install

4. Set up the database

   rails db:create
   rails db:migrate

5. Run the server in the project directory:

   rails server

6. Open the URL in your browser: http://localhost:PORT

Note

• Replace PORT with the port number where your application is running. You can typically find this information in your application's startup logs.
• If rails db:create fails with a credentials error:
  1. Open the config/database.yml file.
  2. Update the username and password fields with your PostgreSQL credentials.
  3. Run rails db:create again.

Tech Stack

HTML	CSS	TailwindCSS	JavaScript
React	NodeJS	Vite	npm
Ruby	Rails	PostgreSQL

Contributing

See CONTRIBUTING.md

License

This project is available as open source under the terms of the MIT License.

Contributors

Thanks goes to these wonderful people:

Adewale James Adesina 💻	Aniket Patidar 💻	Ankitha Cherian 💻	Mohit Gupta 💻
Musangamfura Emmanuel 💻	Rajat Talesra 💻	Rohit Mondal 💻	Vanam 💻

Contact

(back to top)