The Consultation App

Arsalan Ansari / May 1, 2023

🚀 The Consultation App

📌 Overview

This project was my Masters final year project, where I got a task to create an application that uses React.js for frontend and Spring-boot for managing backend. The goal of this application was to provide a user interface for patients who can search doctors with a specific specialization, make an appointment, get tracks of all the appointments and rate an appointment once the appointment is completed.

🎯 Objectives

✅ High-performance web app with minimal load times.
✅ Scalable and maintainable architecture using modular components.
✅ Accessible design following modern UI/UX principles.
✅ Optimized database handling with Prisma ORM.

🏗 Tech Stack Breakdown

React.js - Frontend UI logic, component-based architecture
Redux - State management library for managing complex state in react
Bootstrap - Utitlity based styling with ready made design system

⚙️ Features & Functionality

🎨 Modern UI/UX

Theme customization using Bootstrap.
Dynamic and reusable components.
Responsive and mobile-friendly design.

📡 Efficient API Handling

Data fetching using fetch API.
Secure authentication mechanisms using JWT.

🏗 Robust Architecture

Scalable file structure for maintainability.
Modular components for easy reuse and extensibility.
Decoupled backend and frontend logic.

🏗 Installation & Setup

Follow the steps below to get started with the project.

🚀 Prerequisites

Ensure you have the following installed:

Node.js (>=20)
npm or yarn
MySQL or another database

📥 Installation

Clone the repository and install dependencies:

  git clone https://github.com/arsalanansariofficial/consultation-app
  cd consultation-app/frontend
  npm i
  cd consultation-app/backend
  npm i