Image Wordy - MERN Stack Chatbot for Image and Text Analysis

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

Go to: Image Wordy and login with the following credentials:

email : [email protected]
password : 123456

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:

Signup Page:

Login Page:

Home 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.