CCTV-Qutation-Automate

# 📋 CCTV Quotation Automate

**CCTV Quotation Automate** is a lightweight, responsive, and entirely frontend-based web app for generating CCTV installation quotations. Built with **HTML**, **CSS**, and **JavaScript**, it enables users to quickly create, preview, and print clean, professional quotations — no backend or server setup needed.

---

## 🚀 Features

- 📝 Simple and intuitive quotation input form  
- 📄 Automatically generates a styled quotation preview  
- 🎨 Clean, print-ready design with custom styling  
- 🖨️ Save or print quotations as PDF directly via the browser  
- 🌐 Fully frontend — no installation, no backend, no database  

---

## 💼 Ideal For

This tool is perfect for:

- Small CCTV installation businesses  
- Freelancers in the security system space  
- Anyone needing fast and professional-looking quotations without Excel or Word  

---

## 🧰 Tech Stack

- **HTML5**
- **CSS3** (with Bootstrap 4)
- **JavaScript** (Vanilla)
- ✅ No frameworks, no backend, no database

---

## 📁 Project Structure

CCTV-Qutation-Automate/ ├── css/ │ └── styles.css ├── js/ │ └── script.js ├── images/ │ └── (UI screenshots) ├── index.html └── README.md

---

## ⚙️ Getting Started

No setup or dependencies required — just open and go!

### 🔧 Steps:
1. Clone this repository:
   ```bash
   git clone https://github.com/janithsuraweera/CCTV-Qutation-Automate.git

1. Open the index.html file in your preferred browser.

That’s it — you’re ready to start generating quotations!

---

🌐 Live Demo (Optional)

You can easily deploy this project using GitHub Pages.

Live Demo: https://janithsuraweera.github.io/CCTV-Qutation-Automate

To deploy:

1. Push your project to a GitHub repo.
2. Go to Settings > Pages.
3. Set source to main branch and /root directory.
4. Your app will be live in seconds!

---

🖼️ Screenshots

🏠 Home Page

✍️ Quotation Form

📄 Quotation Preview

✅ Form Validation

---

📜 License

© 2025 Janith Suraweera This project is licensed under the MIT License.

---

🤝 Contributing

Contributions and suggestions are welcome!

1. Fork the repository
2. Create a new branch (git checkout -b feature-xyz)
3. Commit your changes
4. Push to the branch
5. Open a Pull Request

---

📬 Contact

For feedback or collaboration:

• 💼 LinkedIn – Janith Suraweera
• 🐛 Open an Issue

---

🔖 Optional Project Badges (Add if desired)

You can place these at the top of the README:

![GitHub repo size](https://img.shields.io/github/repo-size/janithsuraweera/CCTV-Qutation-Automate)
![GitHub stars](https://img.shields.io/github/stars/janithsuraweera/CCTV-Qutation-Automate)
![GitHub forks](https://img.shields.io/github/forks/janithsuraweera/CCTV-Qutation-Automate)
![MIT License](https://img.shields.io/github/license/janithsuraweera/CCTV-Qutation-Automate)

---

Would you like me to:
- Create the `LICENSE` file?
- Add GitHub Pages deployment support (`.nojekyll`, `CNAME`, etc.)?
- Add favicon or styling enhancements?

Let me know and I can generate everything for you!

This site is open source. Improve this page.