imagineer-photo-editor

KO | EN

gitlite — search

#hacktoberfest #ai #go #machine-learning #docker #nodejs #windows #awesome #vue #awesome-list #security #mcp #openai #open-source

imagineer-photo-editor

(★ 1)

Photo editor with hand-picked featureset and AI functionalities.

imagineer-photo-editor Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Imagineer | Photo Editor with AI

Imagineer is a web-based photo editor built using HTML, CSS, and JavaScript. It allows users to apply various filters and effects to their images, providing a simple yet powerful editing experience right in the browser.

## General Features

- **Filter Options**: Adjust brightness, contrast, saturation, grayscale and more properties of images using intuitive sliders.
- **Rotate & Flip**: Rotate images left or right, and flip them horizontally or vertically with the click of a button.
- **Reset Settings**: Easily reset all filter settings to their default values.
- **Save Image**: Save edited images directly from the browser.

## AI Features
- **Style Variation**
- **Object Removal**
- **Generate Image**

## Running and Using Imagineer

### Setting Up the Environment
1.	Make sure you have [NodeJS](https://nodejs.org/en) installed on your system.
2.	Clone the repo to your local machine.
3.	Navigate to `Frontend` > `Imagineer Frontend`.
4.	Open a terminal there and run `npm install`. This will install all the required node packages.
5.	Navigate to the .env file.
6.	Type your OpenAI API Key in the <openaikey> field in the .env file and save it.
7.	Navigate to the Backend directory.
8.	Open a terminal and run `my_venv/Scripts/Activate` to activate the virtual environment.
9.	Open another terminal and run `pip install -r requirements.txt`. This will install the required dependencies.

### Running the Project
1.	Open a new terminal and navigate to the `Backend` directory.
2.	Run `python app.py` to start the backend.
3.	Open another terminal and navigate to `Frontend` > `Imagineer Frontend`.
4.	Run `npm run dev` to start the frontend.
5.	Go to the link provided in the terminal.

### Using Imagineer
1.	The window on the left side is the canvas, here is where the image is loaded for editing.
2.	On the right is the editing panel.
3.	Click `Choose Image` on the bottom of the editing panel to load an image.
4.	Play around with the sliders and other settings to adjust the image.
5.	Finally hit `Save Image` to save the edited image to your local device.
6.	For AI functionality, choose AI at the top of the editing panel. This will take you to the AI Editing Menu.
7.	From here you can select and play around with 3 different options:
  -	Style Variation: To create different versions of your current image.
  -	Generate Image: To generate a completely new image based on your text prompt.
  -	Object Removal: To remove an object from your photo.

## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Acknowledgements
This is made as the final project for CSE 4408: System Analysis and Design Lab.

**The InnoVisionaries**

[Rafiul Arefeen Islam | 210041114](https://github.com/rafiul-arefeen)

[Adib Ahmed | 210041122](https://github.com/AdibOmi)

[Md. Rifat Sarwar | 210041134](https://github.com/MetheMeticien)

[Wasif Uddin | 210041144](https://github.com/wasifuddin)

imagineer-photo-editor

imagineer-photo-editor Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

imagineer-photo-editor

imagineer-photo-editor Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README