A modern and responsive web-based video player built with HTML, CSS, and JavaScript. The application provides a clean interface for playing videos with essential playback controls and a smooth user experience.
A responsive DNS Lookup Tool built with HTML, CSS, and Vanilla JavaScript. The application allows users to look up different DNS record types, view simulated DNS information, copy lookup results, and store recent searches locally in the browser. This project is ideal as a frontend template for a real DNS lookup service or for learning how DNS records work.
A simple and responsive Text To Speech web application built using HTML, CSS, and Vanilla JavaScript. The application uses the browser's built-in Web Speech API to convert written text into speech with support for multiple system voices and languages. - Convert text into speech instantly - Select from available system voices - Supports multiple languages (depending on installed voices) - Pause and resume long speech playback - Responsive and easy-to-use interface - No external libraries or frameworks required
A minimal yet powerful browser-based text editor built with HTML, CSS, and JavaScript. Format your text with various styling options directly in your web browser.
Drawing App in JavaScript HTML CSS, how to draw on the canvas using mouse and pointer events, add a color picker input to select colors to draw with, add a slider range input to change the pen size, and add buttons with click handlers to clear and fill the canvas, and save/download the image that you have drawn.
Snake Game A simple and fun Snake Game built using HTML5 Canvas CSS3, and Vanilla JavaScript Guide the snake around the board, collect food to grow longer, and avoid crashing into the walls or your own body. This project demonstrates core game development concepts such as animation loops, keyboard input handling, collision detection, and real-time rendering without using any external libraries.
Space Waves Arcade Space Waves Arcade is a fast paced, single button arcade game built using HTML5, CSS3, and Vanilla JavaScript. The game challenges players to rely on precise timing and quick reflexes, proving that simple controls can create an engaging and addictive experience. ## ✨ Features Onekey gameplay that's easy to learn but difficult to master. Smooth animations and responsive controls. Real-time score tracking. Clean and modern user interface. Responsive design that works across desktop and mobile browsers. * 🚀 Lightweight implementation with no external frameworks. ## 🕹️ How to Play * Press the designated key (or tap on mobile) to control the player. * Avoid obstacles and survive as long as possible. * Earn points by staying alive and improving your reaction time. * Challenge yourself to beat your highest score. ## 🛠️ Built With * HTML5 * CSS3 * Vanilla JavaScript
This project is a responsive web based calculator developed using HTML, CSS, and JavaScript. It was built to provide a simple and user-friendly interface while supporting both basic arithmetic and several scientific operations such as square roots, powers, factorials, logarithms, modulus, and the constant π. One of the main goals of this project was to create an experience similar to using a physical calculator. In addition to mouse interaction, users can navigate through the calculator using the keyboard arrow keys, select buttons, and perform calculations without touching the mouse. The application also includes sound effects that provide feedback for button presses, calculations, deletions, and errors, making the interaction feel more natural. The calculator automatically validates user input, handles unmatched parentheses, converts mathematical expressions into valid JavaScript syntax, and displays appropriate error messages for invalid calculations. Its r
Memory Card Game is a game that you can play right in your browser. It was made using HTML, CSS and JavaScript. The goal of the Memory Card Game is to find matching pairs of cards by flipping them over. This game also helps you get better at remembering things and focusing. * The game has animations when you flip the cards. * The cards are arranged randomly every time you play. * The game keeps track of your score. * It works well on devices. The Memory Card Game shows that I know how to work with web pages handle user interactions and make decisions for the game. It also shows that I understand the basics of building things for the web. The Memory Card Game was made with a focus, on making it interactive and enjoyable.
Memory Card Game is a game that you can play right in your browser. It was made using HTML, CSS and JavaScript. The goal of the Memory Card Game is to find matching pairs of cards by flipping them over. This game also helps you get better at remembering things and focusing. * The game has animations when you flip the cards. * The cards are arranged randomly every time you play. * The game keeps track of your score. * It works well on devices. The Memory Card Game shows that I know how to work with web pages handle user interactions and make decisions for the game. It also shows that I understand the basics of building things for the web. The Memory Card Game was made with a focus, on making it interactive and enjoyable.