Visual-Vibes: Image Editing Web Application

Overview

Visual-Vibes is a powerful, user-friendly web application designed for image editing and manipulation. The application provides a comprehensive set of tools to transform and enhance images with ease, allowing users to apply various filters, adjustments, and creative effects.

Features

Image Editing Capabilities

• Rotate: Rotate images at any angle from -180 to 180 degrees
• Blur: Apply Gaussian blur with adjustable intensity
• Crop: Precisely crop images using intuitive sliders
• Contrast Adjustment: Fine-tune image contrast levels
• Brightness Modification: Adjust image brightness with precision
• Advanced Filters:
  • Grayscale conversion
  • Find Edges
  • Emboss
  • Edge Enhancement

User Interface

• Intuitive, responsive design
• Real-time image preview
• Easy-to-use slider controls
• Undo and Redo functionality
• Image download option
• Reset to original image feature

Technologies Used

• Backend: Python, Flask
• Frontend: HTML, CSS, JavaScript
• Image Processing: Pillow (PIL) Library
• Deployment: Gunicorn

Prerequisites

• Python 3.7+
• pip (Python Package Manager)

Installation

1. Clone the repository:

git clone https://github.com/satyampandey1411/Visual-Vibes.git    
cd Visual-Vibes

2. Create a virtual environment:

python3 -m venv venv       # On Windows, use python -m venv venv 
source venv/bin/activate  # On Windows, use `venv\Scripts\activate`

3. Install dependencies:

pip install -r requirements.txt

4. Run the application:

python3 app.py   # On Windows, use python app.py

Screenshots

Landing Page

Image Editing Interface

Filter Application

Rotation Feature

Contribution

Visual-Vibes is a collaborative project developed by:

Satyam Kumar Pandey

• Contributions:
  • Backend development
  • Image filtering implementation
  • Frontend design for filters and editing interface
  • Developer page creation

Contact:

• LinkedIn
• GitHub

Nikhil Raj Soni

• Contributions:
  • Frontend design
  • UI/UX implementation
  • Rotate, contrast, and blur features
  • Figma design and layout

Contact:

• LinkedIn
• GitHub

How to Contribute

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature/your-feature)
5. Open a Pull Request

License

This project is open-source. Please check the LICENSE file for details.

Acknowledgments

• Thanks to the open-source community
• Pillow library for image processing
• Flask framework for web application development

---