HCPLogger Frontend

Overview

This is the frontend application for the HCPLogger, an intelligent system designed to assist Healthcare Professionals (HCPs). It features an interactive interface with a form on one side and a chatbot on the other. Users can input paragraph-style text into the chatbot, which then intelligently extracts key information and uses it to automatically populate the fields in the adjacent form, streamlining data entry and interaction logging.

This frontend communicates with the [HCPLogger Backend]([TODO: Link to your Backend GitHub repository if it's separate]) which handles the core logic including information extraction using LangGraph and data storage.

Key Features

• Interactive Dual-Panel UI: User-friendly interface with a data entry form and a conversational chatbot side-by-side.
• Chatbot-Driven Information Extraction: Leverages natural language input to the chatbot.
• Automatic Form Population: Key information identified by the chatbot is automatically filled into the corresponding form fields.
• Real-time Interaction: Seamless communication with the backend for processing and data retrieval.
• Streamlined HCP Interaction Logging: Simplifies the process of recording details from HCP interactions.

Tech Stack

• **Framework/Library: React.js
• State Management: Redux
• Styling: Tailwind CSS
• API Communication: Axios
• Build Tool: Vite

⚙️ Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (LTS version recommended: [TODO: Specify Node.js version if particular, e.g., >=18.x])
• npm or yarn

🚀 Getting Started

Follow these steps to get the frontend running locally:

1. Clone the repository:

   git clone [https://github.com/subrahmanyasv/HCPLogger_Frontend.git](https://github.com/subrahmanyasv/HCPLogger_Frontend.git)
   cd HCPLogger_Frontend

2. Install dependencies: Choose one based on your package manager:

   # Using npm
   npm install

   # Using yarn
   yarn install

3. Run the development server: Choose one based on your package manager and scripts in package.json:

   # Using npm
   npm run dev # [TODO: Verify this script name in your package.json]

   # Using yarn
   yarn dev # [TODO: Verify this script name in your package.json]

4. Open your browser and navigate to http://localhost:5173. Note: Please setup HCPLogger_Backend repo also for the frontend to work.

Contact Information

For any communications, please contact me at: Email: subrahmanyavaidya7@gmail.com