🖌️ Button Maker A Button Maker Web App that allows users to dynamically customize button styles, including background color, font color, font size, font weight, padding, and border radius, and view changes in real time. 🚀 Features • ✅ Change background color of the button • ✅ Change font color and font size • ✅ Adjust font weight dynamically • ✅ Set padding and border radius • ✅ Real-time preview of your customized button • ✅ Clean, responsive UI using Bootstrap • ✅ Simple, beginner-friendly HTML, CSS, JavaScript structure 🛠️ Tech Stack
-
HTML
-
CSS
-
JavaScript
-
Bootstrap 4
-
Google Fonts for clean typography
Screen shots :
Sample Domain Hosted: https://remarkable-cocada-064876.netlify.app/
⚙️ How to Run Locally 1️⃣ Clone the Repository git clone https://github.com/itzsaravanan/button-maker.git cd button-maker 2️⃣ Open index.html in your browser. ✅ Done! You can now use your Button Maker locally.
📂 Folder Structure button-maker/ ├── index.html ├── style.css └── script.js
(Currently, your CSS and JS are embedded in HTML. You may separate them for clarity if deploying or maintaining for future learning.) 🧑💻 Author Saravanan Email: itssaravanan03@gmail.com GitHub: https://github.com/itzsaravanan 📄 License This project is open-source and free to use for learning and personal projects.