Skip to content

PixelCraft is a web-based image editor built with Flask and Tailwind CSS, offering features like grayscale, flip, resize, and live image preview for seamless editing.

Notifications You must be signed in to change notification settings

itzsudipta/PixelCraft

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PixelCraft - Image Editor

PixelCraft is a powerful, web-based image editor built with Flask and Tailwind CSS. It allows users to apply various image editing features such as Grayscale, Crop, Flip (horizontal and vertical), Resize, and more. The project is easy to deploy and customize and comes with a user-friendly interface.

Features

  • Grayscale: Convert your image to black and white with a simple click.
  • Flip Horizontal: Flip the image along the horizontal axis.
  • Flip Vertical: Flip the image along the vertical axis.
  • Resize: Resize the image to a custom width and height.
  • Live Image Preview: See your edited image instantly with live preview functionality.
  • Download Image: After editing, download the modified image.

Frontend Overview

The frontend of PixelCraft is designed with simplicity and usability in mind. Below is a preview of the interface:

Frontend Overview

Tech Stack

Technology Purpose Symbol
Flask Web framework for backend (Python) Flask
Python Backend programming language Python
Tailwind CSS Utility-first CSS framework for responsive design Tailwind
Font Awesome Icon library for front-end UI FontAwesome
Pillow Python Imaging Library for image processing Pillow
OpenCV Computer vision library for image processing OpenCV
NumPy Library for numerical computing in Python NumPy
HTML Markup language for web content HTML
CSS Styling language for web pages CSS

Installation

1. Clone the repository

git clone https://github.com/yourusername/PixelCraft.git
cd PixelCraft

2. Install dependencies

pip install -r requirements.txt

3. Run the application locally

python app.py

The application will be available at http://127.0.0.1:5000.


Deployment on Render

You can deploy PixelCraft on Render by following these steps:

1. Create a Render Account

  • Go to Render and create an account if you don’t already have one.

2. Create a New Web Service

  • Click on New > Web Service.
  • Connect your GitHub repository containing the PixelCraft project.

3. Configure the Service

  • Build Command: Leave it empty (Render will automatically detect Python projects).
  • Start Command: Use the following:
    gunicorn app:app
  • Environment: Select Python 3.x.

4. Deploy

  • Click Create Web Service.
  • Render will automatically build and deploy your application.

5. Access Your Application

Once deployed, Render will provide you with a live URL (e.g., https://pixelcraft.onrender.com). Open the URL in your browser to access the application.


Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.


License

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

About

PixelCraft is a web-based image editor built with Flask and Tailwind CSS, offering features like grayscale, flip, resize, and live image preview for seamless editing.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published