Note For Doc (Note4Doc)

⚡ This project implements a Patient Case Notes System designed for NHS doctors to:

Manually type patient case notes. Upload scanned case notes (images or PDFs, handwritten or typed) that are automatically transcribed using OCR/AI

✨ Features

📝 Case Notes Input

• Manual entry: Doctors can type patient case notes easily through a user-friendly web interface.
• Scanned uploads: Support for uploading scanned case notes in image (JPEG, PNG) and PDF formats.

🤖 OCR & AI Transcription

• Automatic transcription of scanned documents using OCR engines like Tesseract.
• Structured text extraction to convert handwritten or typed notes into editable and searchable text.

💾 Scalable Storage & Retrieval

• Efficient storage of both raw files and processed text in a relational database (PostgreSQL).
• Fast retrieval APIs to access patient notes anytime.

🛠️ Developer Experience

• TypeScript-first development
• Monorepo structure with Node workspaces
• Beautiful, responsive design built with Tailwind CSS and Shadcn UI

🚀 Quick Start

Prerequisites

• Node.js 16+
• Npm/Bun

Installation

1. Clone the repository

    https://github.com/Sharmil001/lief-assignment.git
    cd lief-assignment

2. Install dependencies

    cd frontend && npm install
    cd backend && npm install 

3. Run the interpreter

    npm run dev #root

⚙️ Environment Variables Setup

Backend .env

Create a .env file inside the backend folder with the following variables:

APP_FRONTEND_ENDPOINT=""         # URL of the frontend application
APP_DB_PASSWORD=""              # Database password
APP_DB_HOST=""                   # Database host address
APP_DB_NAME=""                   # Database name
APP_DB_PORT=""                   # Database port
APP_DB_SSL=""                    # Enable SSL for DB connection (true/false)
APP_DB_USER=""                   # Database username
APP_DATABASE_CONNECTION=""       # Full database connection string (optional)
APP_PORT=""                  # Backend server port
APP_PERPLEXITY_API_KEY=          # API key for Perplexity AI service
APP_JWT_SECRET=                  # Secret key for JWT authentication
APP_NODE_ENV=                    # Environment (development/production)

Frontend .env

Create a .env file in the frontend folder with the following variables:

NEXT_PUBLIC_API_URL="" #Backend API endpoint

🏗️ Project Structure

lief-assignment/
├── backend/                  # Node.js/Express backend service(s)
│   ├── src/                  # Backend source code
│   ├── tests/                # Backend tests
│   ├── .env                  # Backend environment variables
│   ├── drizzle.config.ts     # Drizzle ORM configuration for backend
│   ├── tsconfig.json         # TypeScript config for backend
│   └── package.json          # Backend dependencies & scripts
├── frontend/                 # React/Next.js frontend application
│   ├── components/           # Reusable UI components
│   ├── pages/                # Next.js pages or React views
│   ├── public/               # Static assets like images, icons, fonts
│   ├── .env                  # Frontend environment variables
│   ├── tsconfig.json         # TypeScript config for frontend
│   └── package.json          # Frontend dependencies & scripts
├── shared/                   # Shared code across backend and frontend
│   ├── utils/                # Helper functions/utilities
│   └── types/                # Shared TypeScript types & interfaces
├── scripts/                  # Helper scripts (e.g., build, deploy, setup)
├── .gitignore                # Git ignore rules
├── README.md                 # Project README file
└── package.json              # Root-level dependencies & workspace config (lint, format, etc.)

🎯 Key Technologies

Frontend

• Next 15 — latest Next.js with concurrent features for optimal performance and scalability.
• React Hook Form 7 - Modern, performant form management library
• Tailwind CSS - Utility-first CSS framework
• Shadcn UI - Beautiful component library

Backend

• Node - Fast JavaScript runtime
• Express - Web framework for building APIs
• Drizzle ORM - Type-safe database queries
• PostgreSQL - open-source relational database
• tesseract - OCR engine integrated for text recognition
• pdf2pic & PDF Parser - Tools to convert and parse PDF files

AI Integration

• Perplexity SDK - Unified AI interface for accessing multiple AI providers seamlessly
• Streaming - Real-time text formater & streaming interactive AI response

🌐 Deployment

Frontend (Vercel)

Build the frontend

cd frontend
npm run build

###Backend (Render) Build the backend

cd backend
npm run build

---

Made with ❤️ by the Sharmil Adroja

---

Screenshots