Hand Gesture-Controlled PDF Reader

Overview

A PDF reader that enables document interaction through hand gestures, providing intuitive controls for drawing, erasing, and navigation.

Live Demo

• Website: GestureFlow Website
• Backend API: GestureFlow Backend

Features

• Pen Tool: Draw or highlight on PDFs using hand gestures.
• Eraser Tool: Remove annotations with hand movements.
• Page Navigation: Move between pages through gesture controls.
• User Authentication: Secure access to PDF control features.

Technologies Used

• Frontend: React.js, MUI
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT
• Gesture Recognition: Custom implementation

Prerequisites

• Node.js (v14+)
• npm (v6+)
• MongoDB

Installation

1. Clone Repository

git clone https://github.com/gagan-madhan-16/GestureFlow
cd GestureFlow

2. Install Dependencies

Backend

cd be
npm install

Frontend

cd fe
npm install

3. Run Application

Backend

cd be
node index

Frontend

cd fe
npm run dev

Usage

• Sign up or log in.

• Upload PDF.

• Use hand gestures to:

  • Draw annotations

  • Erase markings

  • Navigate pages

Future Improvements

• Improve gesture recognition.

• Add multi-user annotations.

• Enhance page navigation features.

Contributers

• Swayam Shirbhate[IIT2023016]
• Pranav Singh[IIT2023020]
• Gagan Madhan[IIT2023022]
• Shivansh Gupta[IIT2023034]

Contributing

• Fork the repository.

• Create a feature branch.

• Commit changes.

• Push to the branch.

• Open a Pull Request.

License

MIT License