CodeCanvas: Pixelate Your Logic

Introduction

CodeCanvas is a versatile code image generator designed to convert code snippets into visually appealing images. Whether you're a developer looking to share code snippets on social media, a teacher creating educational materials, or a blogger illustrating programming concepts, CodeCanvas simplifies the process by transforming your code into eye-catching images.

How It Works

CodeCanvas converts code snippets into images by pixelating the code. Each character in the code snippet is represented by a colored pixel, creating a visual representation of the code. The resulting image can be customized with various settings such as color themes, font styles, and image dimensions.

How to Use

1️⃣ Get the repository and install the required packages using the following commands:

git clone https://github.com/Vickouma77/CodeCanvas.git

cd CodeCanvas  #to navigate to the CodeCanvas directory

2️⃣ Create a virtual environment and install the required packages using the following commands:

python3 -m venv venv    #to create a virtual environment

source venv/bin/activate    #to activate the virtual environment

pip install -r requirements.txt   #to install the required packages

3️⃣ Playwright Installation:

playwright install    #to install the required browsers

for more information about playwright installation, please visit the following link: Playwright Installation

4️⃣ Run the CodeCanvas:

flask run    #to run the CodeCanvas

5️⃣ Open the browser

Open the browser and go to the following link: http://127.0.0.1:5000/

6️⃣ Enjoy the CodeCanvas

Now you can enjoy the CodeCanvas and convert your code snippets into images.