/cross-stitch-app

Primary LanguageJavaScript

Cross Stitch App

Cross Stitch App Screenshot

This is a simple web application for creating and designing cross stitch patterns. It allows users to create their own patterns by selecting colors and placing stitches on a grid.

Features

  • Interactive grid for designing cross stitch patterns.
  • Color palette for selecting different thread colors.
  • Tools for adding, removing, and modifying stitches on the grid.
  • Save patterns as PNG file.

Technologies Used

  • HTML
  • CSS
  • JavaScript (Vanilla)

Getting Started

To get started with the Cross Stitch App, follow these steps:

  1. Clone the repository: git clone https://github.com/andiahmadysx/cross-stitch-app.git
  2. Navigate to the project directory: cd cross-stitch-app
  3. Open the index.html file in your preferred web browser.

Usage

  • Choose size for the grid, then click "Create Grid" button
  • Select a color from the color palette.
  • Click on a cell in the grid to place a stitch of the selected color and double click on that cell to remove.
  • Save your pattern as PNG file.