AI Board

Ai Board is a Whiteboard which can be used as a normal whiteboard and also a supercool calculator that generates reponse from the image drawn on the board! SOUNDS PRETTY COOL ISN'T IT?

Technologies Used:

Frontend: JavaScript, TypeScript, React JS, Shadcn UI, TailwindCSS.

Backend: Python, FastAPI.

Installation

Here the frontend and backend are separeted so lets dive in on the setup:

Frontend

  cd frontend
  npm i

Go to .env.local:

Change The FastAPI Port or Use my Default Port 8900

    # You can use
    VITE_API_URL=http://localhost:YOUR_FASTAPI_PORT

Backend

Creating the virtual environment:

  cd backend
  python -m venv venv
  source venv/bin/activate

Installing Required modules:

  pip install -r requirements.txt

Go To .env and put your gemini api key:

create one from here https://aistudio.google.com/app/apikey

GEMINI_API_KEY = YOUR_GEMINI_API_KEY

Go to constants.py:

from dotenv import load_dotenv
import os
load_dotenv()

SERVER_URL = 'localhost'
PORT = '8900' # change port (frontend/.env.local also)
ENV = 'dev'
GEMINI_API_KEY = os.getenv('GEMINI_API_KEY')

Now Lets run it:

cd frontend
npm run dev

cd backend
py main.py

Thanks For Staying till the end!