Skip to content

agrawalTanish/style-my-pic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Style My Pic

Transform your images with style.

A web-based image styling application that allows users to customize and enhance photos using interactive controls and real-time visual updates.


🚀 Live Demo

👉 https://stylemypic.netlify.app/


🎯 Overview

Style My Pic is a lightweight and interactive frontend application designed to let users experiment with image styling. It provides a smooth and responsive interface where users can apply visual changes instantly.


✨ Features

  • 🖼 Upload and preview images
  • 🎨 Apply visual styles and effects
  • ⚡ Real-time image updates
  • 🎛 Interactive controls for customization
  • 📱 Responsive design
  • 🚀 Fast and lightweight (no frameworks)

🧠 What This Project Demonstrates

  • DOM manipulation and event handling
  • Real-time UI updates
  • Image processing using browser capabilities
  • State management in vanilla JavaScript
  • UI/UX design for interactive tools

🛠 Tech Stack

  • HTML5
  • CSS3
  • Vanilla JavaScript

📂 Project Structure

style-my-pic/
│
├── index.html
├── screenshots/
│
├── README.md
├── .gitignore
└── LICENSE

⚙️ Run Locally

  1. Clone the repository:
git clone https://github.com/agrawalTanish/style-my-pic.git
  1. Open the project folder

  2. Open index.html in your browser


📸 Screenshots

Editor UI Editor UI Editor UI

🌐 Deployment

Deployed using Netlify

👉 https://stylemypic.netlify.app/


🔮 Future Improvements

  • 🎨 Advanced filters and presets
  • 💾 Download/export edited images
  • 📱 Improved mobile editing experience
  • 🔄 Undo/redo functionality
  • 🤖 AI-based image enhancement

💡 Inspiration

Inspired by modern image editing tools and the need for lightweight browser-based customization.


👨‍💻 Author

Tanish Agrawal


📄 License

This project is licensed under the MIT License.

About

Web-based image styling application that allows users to customize and enhance photos with interactive controls, built using HTML, CSS, and JavaScript.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages