Image Wordy - MERN Stack Chatbot for Image and Text Analysis

Build with React+TypeScipt.js , Node+Express.js, MongoDB, Tesseract.js, OpenAI API.

UI credits: Aceternity UI

Image Wordy is a simple chatbot that can take an image and text as input, and analyze the text using OCR to recognize and extract the content from the image and have analysis using it.

Landing Page:

landing page

Signup Page:

signup page

Login Page:

login page

Home Page:

home page

Not Found Page:

Not found page

Run Locally

clone the repo:

git clone https://github.com/Adithej/image-wordy.git

Go to Project Directory:

cd image-wordy

Install dependencies for both client and server:

client :

cd client
npm install

server :

cd server

Create .env file at the root of the server directory. Copy the contents from.env.example to .env Add your secret values to .env , OPEN-AI API key , MONGO_DB Atlas URL and password, your own secret Cookie and JWT random string values.

npm install

Start both client and server:

/image-wordy/client :

npm run dev

/image-wordy/server :

npm run dev

Use the testImages at the TestImages directory on the root level, or use your English textual images to try out and get insights.