Lea Rutnik | PROGRAMMER
Lea Rutnik | PROGRAMMER
This Bookmark App is a functional and visually clean project that allows users to save, organize, and manage their favorite website links. Built with HTML, CSS, and JavaScript, it stores user bookmarks locally using browser storage (localStorage), providing a lightweight and responsive interface without the need for a backend. It’s a great beginner project to understand how to handle user input, data storage, and dynamic DOM manipulation.
Languages:
This JavaScript Calculator project is a clean and functional tool built with HTML, CSS, and JavaScript. It allows users to perform basic arithmetic operations—addition, subtraction, multiplication, and division—through a responsive and intuitive interface. It's an excellent learning project to understand how to handle user input, create reusable functions, and manage application state dynamically using JavaScript.
Languages:
This Custom Countdown project is built using HTML, CSS, and JavaScript. It allows users to create a personalized countdown to a specific date and time—whether it's for a birthday, event, holiday, or project deadline. The application dynamically updates the days, hours, minutes, and seconds in real time. It's a great exercise in manipulating time functions, DOM updates, and responsive layout design.
Languages:
This project demonstrates a simple and intuitive drag-and-drop interface built using HTML, CSS, and JavaScript. It allows users to rearrange items on the page by dragging and dropping them into new positions. This type of UI is widely used in dashboards, Kanban boards, and task management apps. The logic relies on native drag events and DOM manipulation to provide a responsive user experience.
Languages:
This project implements an infinite scrolling feature using HTML, CSS, and JavaScript. As users scroll down, more content is dynamically loaded without needing to click a button or reload the page. This technique is widely used in social media feeds, content-heavy blogs, and e-commerce product pages. The project leverages the Intersection Observer API and asynchronous JavaScript to fetch and append new items in a smooth and seamless manner.
Languages:
This interactive browser game lets users try to catch various insects that appear randomly on the screen. Built with HTML, CSS, and JavaScript, it challenges your reflexes and timing. Players can choose different insect types and experience increasing levels of difficulty as more insects appear. It's a fun way to explore DOM manipulation, animations, and event handling in JavaScript.
Languages:
This fun little app fetches random jokes from an API and reads them aloud using text-to-speech functionality. Built using HTML, CSS, and JavaScript, the Joke Teller project demonstrates how to work with external APIs and integrate voice features directly into a website. It’s a great way to explore asynchronous JavaScript and user interaction in a lighthearted way.
Languages:
This is a classic Snake game (locally called "Kaca") built using HTML, CSS, and JavaScript. The player controls a growing snake that must avoid hitting the walls or itself while collecting food to score points. This project is great for practicing game loops, keyboard event handling, collision detection, and real-time rendering on the canvas.
Languages:
Math Sprint is a fun and educational game built with HTML, CSS, and JavaScript. The player is challenged to solve as many math problems as possible within a short time limit. The game sharpens arithmetic skills and includes difficulty scaling, a countdown timer, and a score tracker — perfect for students or anyone looking to practice mental math under pressure.
Languages:
This interactive music player is built with HTML, CSS, and JavaScript, offering a smooth and responsive interface for playing audio tracks. It includes features such as play/pause control, skip, repeat, track title display, and dynamic progress tracking. A great exercise in working with JavaScript events and media elements, this project demonstrates how to build your own frontend music player from scratch.
Languages:
This JavaScript project fetches and displays NASA's Astronomy Picture of the Day using the official NASA APOD API. Users can explore high-quality space images along with detailed descriptions provided by NASA. The app includes features like date selection, image viewing, and API error handling. It's a great example of how to work with RESTful APIs and dynamic content rendering in a frontend JavaScript project.
Languages:
This project recreates a simple version of Microsoft Paint using HTML, CSS, and JavaScript. Users can draw freely on a canvas, choose brush colors, adjust brush sizes, and clear the canvas to start over. It's a fun and interactive way to learn about HTML5 canvas, mouse events, and dynamic UI updates with JavaScript.
Languages:
This project is a fully functional password generator built with HTML, CSS, and JavaScript. It allows users to generate strong, random passwords based on selected criteria such as length, uppercase/lowercase letters, numbers, and symbols. Ideal for improving security awareness and learning how to manipulate strings and checkboxes dynamically with JavaScript.
Languages:
This project is a recreation of the classic Pong game built using HTML, CSS, and JavaScript. It showcases animation techniques, game logic, collision detection, and simple AI to play against the computer. A great example of how to build an interactive canvas-based game.
Languages:
This JavaScript project is a practical example showcasing how to build a random quote generator using HTML, CSS, and JavaScript. It fetches quotes from an external API and dynamically displays them, demonstrating asynchronous JavaScript and DOM manipulation.
Languages:
This JavaScript project is a creative twist on the classic Rock Paper Scissors game, incorporating Spock and Lizard into the mix. Built with HTML, CSS, and JavaScript, the game showcases logic-based decision making and user interaction through the DOM.
Languages:
This JavaScript project is a practical example showcasing how to build a custom video player using HTML, CSS, and JavaScript. It demonstrates handling media controls, progress bars, and full-screen toggling.
Languages:
Have a question or a project idea?
Feel free to reach out using the form below and I’ll get back to you shortly.