Scripts

Scripts

My PHP and JavaScript project is a collection of web-based tools and mini applications that I've developed to explore practical, creative, and technical aspects of web development. The project includes several independent modules - ranging from developer utilities to interactive apps designed to improve everyday tasks.

Among the tools is the MAC Address Generator, which quickly produces valid and randomized MAC addresses, useful for network testing and software development. The C64 Image Converter is a creative tool that transforms modern images into the nostalgic Commodore 64 pixel style, inspired by the aesthetics of the 8-bit era.

The World Clock Dashboard provides real-time clocks for multiple time zones, making it ideal for users who work across regions. I've also built a Color Palette Generator and a CSS Gradient Creator, two design-oriented utilities that help web designers craft harmonious color schemes and modern gradient backgrounds.

For image editing, the Image Cropper offers a simple way to crop and adjust images directly in the browser without the need for external software. The Sleep Calculator estimates optimal sleep times based on natural sleep cycles - showing how functional coding can combine with user-focused design.

All these applications are built using a combination of PHP for backend logic and JavaScript (with HTML/CSS) for interactivity and frontend presentation. The focus throughout the project has been on responsive design, fast performance, and clean, maintainable code.

This collection serves as both a personal experimentation platform and a portfolio that showcases my versatility as a web developer - where creativity, functionality, and user experience come together to create efficient and engaging web tools.



C64 Image Converter
C64 Image Converter is a web-based tool that transforms modern images into the iconic Commodore 64 visual style. It recreates the nostalgic 8-bit pixel look by reducing colors, applying C64's limited palette, and simulating the distinctive dithering patterns used by the classic computer.

Built using JavaScript, HTML5 Canvas, and CSS, the converter processes images directly in the browser - no uploads or external tools required. Users can adjust settings like pixel size, color intensity, and contrast to achieve a variety of retro effects.

The goal of the project is to blend creativity with technology, offering both a fun nostalgia experience for retro enthusiasts and a practical tool for artists or designers looking for authentic pixel aesthetics. It's a modern homage to one of the most legendary home computers of all time - the Commodore 64.

C64 Image Converter
World Clock Dashboard
World Clock Dashboard is an interactive web application that displays the current time across multiple cities and time zones around the world. Designed for professionals, travelers, and remote teams, it provides a clear and visually organized overview of global time differences - all in one dashboard.

Built using JavaScript, HTML, and CSS, the dashboard updates dynamically using the user's local time as a reference. It can automatically detect time zones or allow manual selection of locations, offering flexibility for global users. The layout focuses on simplicity and readability, using a clean, modern interface that adapts well to both desktop and mobile screens.

The project demonstrates the use of real-time data handling, date/time APIs, and responsive UI design. It's a practical tool for anyone coordinating meetings, managing projects, or simply staying connected with people across different parts of the world.

World Clock Dashboard
CSS Gradient Generator
CSS Gradient Generator is a sleek and user-friendly web tool that allows designers and developers to easily create and customize beautiful gradient backgrounds for websites and applications. With an interactive interface, users can experiment with colors, angles, and gradient types - including linear and radial - and instantly preview the result in real time.

Built using JavaScript, HTML, and CSS, the tool dynamically generates clean and ready-to-use CSS code that can be copied directly into any project. It's designed to simplify the creative process, helping users achieve professional color transitions without manually writing complex CSS.

The project focuses on usability, visual accuracy, and modern web aesthetics, making it a valuable resource for anyone working with front-end design. Whether for quick experimentation or fine-tuning a website's look, the CSS Gradient Generator turns creative ideas into polished, production-ready gradients with ease.

CSS Gradient Generator
Image Converter
Image Converter is a versatile web-based tool that allows users to easily convert images between different formats directly in the browser. Supporting popular file types like JPG, PNG, GIF, and WEBP, it provides a fast and convenient way to reformat images without the need for external software or downloads.

Developed using JavaScript, HTML5 Canvas, and PHP, the converter handles image processing efficiently while maintaining high visual quality. Users can simply upload an image, choose the desired output format, and download the converted file instantly. The interface is designed to be intuitive and responsive, ensuring a smooth experience across both desktop and mobile devices.

This project demonstrates the combination of client-side image manipulation and server-side optimization, showcasing how modern web technologies can be used to deliver practical, performance-driven tools that make everyday digital tasks simple and accessible.

Image Converter
Image Cropper
Image Cropper is a simple yet powerful web application that lets users crop and adjust images directly in the browser. Designed with ease of use in mind, it allows users to upload an image, select a specific area, and instantly crop it to the desired dimensions - no external software required.

Built using JavaScript, HTML5 Canvas, and CSS, the tool provides a smooth and responsive user experience. It features real-time previews, draggable crop areas, and optional aspect ratio controls for precise editing. Once the user finalizes their selection, the cropped image can be downloaded immediately in high quality.

The project demonstrates the power of client-side image manipulation and modern UI interaction techniques, showing how efficient and accessible web tools can be. Image Cropper is ideal for designers, developers, and everyday users who need quick, reliable image editing right from their browser.

Image Cropper
MAC Address Generator
MAC Address Generator is a lightweight and efficient web tool designed to instantly generate valid and randomized MAC (Media Access Control) addresses. It's especially useful for developers, network engineers, and testers who need to simulate or configure network devices with unique hardware identifiers.

Built using JavaScript, HTML, and CSS, the tool can create both locally administered and universally administered MAC addresses. It also provides format customization options - such as separators and letter case - to match different system requirements. The interface is clean, responsive, and easy to use, making it a practical addition to any developer's toolkit.

This project highlights the use of JavaScript string manipulation and pattern generation, demonstrating how simple logic can be applied to solve real-world technical problems in networking and software development. The MAC Address Generator offers both functionality and precision, wrapped in a user-friendly web interface. MAC Address Generator
Password Generator
Password Generator is a secure and user-friendly web tool that creates strong, randomized passwords for personal and professional use. It allows users to customize password length, include uppercase and lowercase letters, numbers, and special characters, ensuring maximum security according to their needs.

Built using JavaScript, HTML, and CSS, the generator operates entirely in the browser, providing instant results without storing or transmitting any user data. The interface is simple and intuitive, making it easy to generate multiple passwords quickly and copy them for immediate use.

This project demonstrates practical client-side scripting and emphasizes cybersecurity best practices, helping users create passwords that are both strong and unique. The Password Generator is an essential tool for anyone looking to improve online security with minimal effort.

Password Generator
RAID Calculator
RAID Calculator is a web-based tool designed to help users plan and understand different RAID (Redundant Array of Independent Disks) configurations. It calculates important metrics such as usable storage, redundancy, and fault tolerance based on the number of drives and the chosen RAID level, making it easier to design reliable storage solutions.

Built with JavaScript, HTML, and CSS, the calculator provides an intuitive interface where users can input their hardware setup and instantly see results, including visual representations of storage efficiency and risk. It's useful for IT professionals, system administrators, and anyone working with data storage systems.

The project demonstrates the practical application of mathematical logic and dynamic UI updates in web development, combining technical accuracy with user-friendly design. The RAID Calculator simplifies complex storage planning into an accessible and interactive experience.

RAID Calculator
Sleep Calculator
Sleep Calculator is a practical web tool designed to help users optimize their sleep schedules and improve overall rest. By calculating sleep cycles based on typical 90-minute intervals, it suggests ideal bedtimes or wake-up times to ensure users wake up feeling refreshed and energized.

Built using JavaScript, HTML, and CSS, the calculator allows users to input their desired wake-up or sleep time and instantly receive recommendations for multiple optimal sleep or wake times. The interface is clean, intuitive, and responsive, making it easy to use on both desktop and mobile devices.

This project combines time-based calculations, user-centered design, and real-world functionality, demonstrating how simple web tools can have a meaningful impact on daily life. The Sleep Calculator is ideal for anyone looking to enhance their sleep quality and maintain a healthier routine.

Sleep Calculator