Zakat Screen is an educational and functional application created using Visual Studio Code (VS Code). This project aims to help users calculate and understand their zakat—a fundamental pillar of Islam that emphasizes charity, financial responsibility, and community care. Through Zakat Screen, users can easily determine the amount of zakat they owe, promoting awareness of generosity and social balance through technology.

The application was developed using HTML, CSS, and JavaScript, providing both simplicity and interactivity. The main interface features a clean, modern design where users can input their financial data such as savings, income, gold value, and other assets. Once the user fills in the information, the program automatically calculates the required zakat—typically 2.5% of their eligible wealth. The process is fast, accurate, and supported by smooth user interaction.

The front-end design of Zakat Screen focuses on accessibility and clarity. Using CSS, the layout includes soft color tones that reflect purity and spirituality, while ensuring good readability on all devices. JavaScript is responsible for handling logic, performing real-time calculations, and updating the display dynamically without needing to reload the page. This makes the experience both educational and efficient for users.

Additionally, Zakat Screen includes informative text that explains the concept of zakat, its benefits, and relevant hadiths to inspire users to practice consistent giving. This feature bridges the gap between technology and moral values, turning a simple calculator into a learning tool for understanding the importance of charity in daily life.

Developing this project in VS Code provided a smooth workflow thanks to features like Live Server, Emmet, and built-in debugging tools, which made the process of writing, testing, and improving the code much easier. The project not only demonstrates technical skills in front-end development but also highlights how programming can be used for positive social and spiritual impact.

In conclusion, Zakat Screen is more than just a coding project—it is a creative effort to combine faith and technology. By using digital tools to promote religious understanding and social responsibility, the project shows how technology can be a bridge between traditional values and modern life, making acts of worship easier, meaningful, and accessible for everyone.