https://github.com/md0011/filterfun
A fun project where we can upload our pictures and apply various filters to it.
https://github.com/md0011/filterfun
filters html-css-javascript image-processing photo-editing photography social-media webapp
Last synced: 7 months ago
JSON representation
A fun project where we can upload our pictures and apply various filters to it.
- Host: GitHub
- URL: https://github.com/md0011/filterfun
- Owner: md0011
- Created: 2024-05-09T08:20:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-09T09:59:22.000Z (over 1 year ago)
- Last Synced: 2025-01-22T22:43:55.008Z (9 months ago)
- Topics: filters, html-css-javascript, image-processing, photo-editing, photography, social-media, webapp
- Language: JavaScript
- Homepage: https://filter-fun-canvas.vercel.app/
- Size: 193 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FilterFun - Playful Image Filtering Project
This is just a fun project where we can upload our pictures and apply various filters to it.
**Prerequisites:** Basic understanding of HTML, CSS, and JavaScript is helpful.
## Technical Details
FilterFun leverages these technologies:
- HTML: Provides the web page's structure and content.
- CSS: Styles user interface elements for a visually appealing experience.
- JavaScript: Handles user interactions, image manipulation (filters), and dynamic page updates.
## Using FilterFun
FilterFun offers a user-friendly interface for image uploads and filter application:
1. Click "Choose File" for an image.
2. The selected image will be displayed.
3. Click on a filter button from available options (Red Hue, Green Hue, Rainbow Filter, Blur Filter, GreyScale Filter, etc.).
4. Experiment with filters for your desired effect.
### [Live Demo](https://filter-fun-canvas.vercel.app/) on Vercel
## Customization
Feel free to customize FilterFun by:
- Adding new filters (explore JavaScript image processing libraries).
- Enhancing the user interface design (modify CSS styles).
- Implementing additional features like saving filtered images or social media sharing.