Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/adithej/image-wordy

💬 AI Chatbot for image and text analysis   
https://github.com/adithej/image-wordy

mongodb nodejs openapi reactjs tailwindcss tesseractjs typescript

Last synced: about 1 month ago
JSON representation

💬 AI Chatbot for image and text analysis   

Awesome Lists containing this project

README

        

# 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](https://image-wordy-1.onrender.com) 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:

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.