Craft and Art Project

Creating an art's and crafts project. (Temporary naming for the project for now)

This project is a web application that converts images to crochet patterns. Users can upload an image, define the pixel size, and generate a pixelated version of the image along with a color grid and pattern details.

• Upload an image
• Define pixel size
• Generate a pixelated version of the image
• Display a color grid with color names
• Tooltip for each cell displaying color and position
• Sidebar list of colors with highlighted click and hover information

image-to-knit-or-crochet-pattern-app/
│
├── css
│ └── styles.css
├── images/
└── Bunny_Circle_Lavender.png
├── script.js
├── index.html
├── app.py
├── LICENSE
├── README.md
└── requirements.txt
├── Dockerfile
├── Procfile
├── runtime.txt
└── script.js

1. Upload an Image:

   • Click the "Upload Your Image" button to select an image file from your computer.
   • The image should be in a common format such as PNG, JPG, or JPEG.

2. Define Pixel Size:

   • Enter the desired pixel size in the "Define Your Pixel Size" input box.
   • Click the "Upload" button to generate the pixelated version of the image.

3. View Results:

   • The pixelated image will be displayed along with a color grid.
   • Hover over each color box to see the color name and position in a tooltip.
   • The sidebar will list all the colors used in the pattern. Click on a color to highlight it.

This project uses GitHub Actions for Continuous Integration. The workflow is defined in .github/workflows/ci.yml and performs the following tasks:

• Checks out the repository
• Sets up Python
• Installs dependencies
• Runs tests to ensure the Flask app starts correctly

This project is licensed under the MIT License. See the LICENSE file for details.

Contributions are welcome! Please fork the repository and use a feature branch. Pull requests are warmly welcome.

• Flask - The web framework used
• Pillow - Python Imaging Library
• ntc.js - Name that Color JavaScript library

For more information on installing packages using pip, refer to the official guide.

Created by Aimee - feel free to contact me!