← Creative
📸
Photo Filter Studio
Upload a photo and apply grayscale, sepia, and invert filters pixel by pixel.
🟡 MediumDifficulty
2-3 hoursTime
Python, JavaScript, TypeScriptLanguages
What you're building
A real image filter tool: upload any photo, and apply grayscale, sepia, invert, or brightness adjustments by directly manipulating the raw pixel data -- the same core technique real photo editors use under the hood.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Setup
→
02 Upload and draw the image
→
03 Read pixel data
→
04 Implement grayscale
→
05 Implement sepia and invert
→
06 Add a brightness slider
→
07 Add download
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free