💻 ATM Simulator System 🏧

A modern, responsive frontend project that simulates real-world ATM operations. Built to demonstrate clean JavaScript logic, DOM manipulation, and secure UI interactions.

---

🌐 Live Access

This project is live and hosted on Vercel. You can access it directly via the link below:

🔗 View Live Application

---

✨ Key Features

• 🔐 Authentication: Secure PIN validation system.
• 💰 Financial Operations: Real-time Balance Inquiry, Deposits, and Withdrawals.
• ⚠️ Defensive Coding: Error handling for insufficient funds and invalid inputs.
• 🎨 Modern UI: Responsive design with Dark/Light Mode support.
• 📊 Analytics: User behavior tracking integrated via Microsoft Clarity.
• 🚀 SEO Optimized: Includes sitemap.xml and robots.txt for better search indexing.

---

📁 Project Structure

atm_simulator_system/
├── css/             # Stylesheets
├── js/              # Logic files (accounts.json, faq-schema.js, index.js)
├── images/          # Assets and media
├── index.html       # Main landing page
├── privacy.html     # Privacy Policy
├── terms.html       # Terms & Conditions
├── sitemap.xml      # SEO Sitemap
└── robots.txt       # Search Engine crawler rules

🎓 Learning Outcomes

1. Developing complex application logic in pure JavaScript.
2. Implementing responsive UI/UX design principles.
3. Deploying and optimizing web projects for global access.
4. Basic SEO configuration for frontend projects.

---

📸 Preview

---

⚠️ Disclaimer

This project is for educational purposes only. It does not perform actual financial transactions or store sensitive user data.

---

🙌 Feedback & Support

Suggestions and feedback are always welcome! Feel free to open an issue or connect with me if you have any questions or ideas for improvement.

---

Made with ❤️ by TScom-dew

Happy Coding! ❤️