Skip to content

gbsierra/Drawing-App

Repository files navigation

🎨 Drawing App

Welcome to my Drawing App!


📋 Table of Contents


🎯 Introduction

This Drawing App is a personal project I built to practice my front-end and back-end skills. It's a simple application where you can be creative or be productive. The app features a clean, responsive canvas where you can use different drawing tools to let your ideas flow.


⚡ Features

  • Text Prediction: Send your work to the back-end for prediction by pre-trained models!
  • Pen & Text Colors: Choose from a variety of colors to create your masterpiece.
  • Undo & Redo: Don't like your last stroke? Simply undo or redo it.
  • Save Your Art: Save your drawing to local storage or indexed database for later use.
  • User-friendly Interface: An easy-to-navigate interface for beginners to experienced artists.

🛠️ Screenshots

  • Canvas in Action:
    Canvas in Action
  • Prediction Button:
    Model Predictions

📸 Installation

To get started with the Drawing App, follow these simple steps:

  1. Clone the Repository
    Clone the repo to your local machine:

    git clone https://github.com/gbsierra/Drawing-App.git
  2. Navigate to the Project Directory
    Go to the project folder:

    cd Drawing-App
  3. Install Back-End Dependencies
    Install the required dependencies using the following command (virtual python environment recommended):

    pip install -r requirements.txt
  4. Install Front-End Dependencies
    If you haven't already, install the necessary front-end dependencies for npm:

    npm install

🚀 Usage

Once you've installed the necessary dependencies, you're ready to start the app.

1. Start the Front-End

To launch the front-end of the app, run the following command in your terminal:

cd src 
cd frontend
npm start

2. Start the Back-End

To launch the back-end of the app, run the following command in your terminal:

cd ../backend
python canvas_backend.py