Robert Grabowski
Portfolio
Hobby
projects
I've crafted a collection of responsive landing pages using HTML, CSS, and JavaScript that focus on user-friendly experiences and unique, eye-catching designs. Each page is tailored to be easy to navigate, delivering smooth functionality across devices while showcasing creative layouts that make each design memorable.
Built with HTML, CSS, and JavaScript, captures the stunning beauty of the Karkonosze range. Using JavaScript observers, sections reveal smoothly as users scroll, adding a dynamic feel to the experience. A mobile navigation menu enhances functionality, ensuring seamless access to content on any device. The page design emphasizes natural beauty while maintaining a responsive, user-friendly interface.
Netlify PageGitHub
Developed with HTML, CSS, and JavaScript, showcases the dynamic energy of LA with smooth section reveals powered by JavaScript observers. A functional mobile menu ensures easy navigation, and JS intervals add rhythmic transitions for a seamless, visually engaging experience. This responsive design highlights key elements of the city, offering users a captivating and easy-to-navigate interface across all devices.
Netlify PageGitHub
My very first LP project, is crafted with HTML and CSS to highlight a clear, user-friendly design that puts the spotlight on Derrick Rose's iconic footwear. Fully responsive, it adapts seamlessly to any screen size, ensuring a smooth browsing experience. This project was a foundational step in my journey, reflecting both simplicity and attention to detail for effective online shopping.
Netlify PageGitHub
These multi-page websites, built with React, Next.js, and Tailwind CSS, leverage both Client-Side Rendering (CSR) and Server-Side Rendering (SSR) to optimize performance and enhance user experience. Designed for speed and responsiveness, they incorporate modern JavaScript methods to deliver smooth interactions and efficient data handling across multiple subpages. The integration of Next.js ensures dynamic rendering tailored to user needs, while Tailwind CSS adds a streamlined, visually engaging design.
A visually captivating website built with React and Tailwind CSS. It features a beautifully designed Home Page that immerses users in a natural aesthetic. The Booking Page includes a sorting system and price slider, giving users the flexibility to filter options based on their preferences. Additionally, an admin notification system alerts if a booking price appears discounted beyond a set threshold, ensuring error prevention and smooth booking management.
Netlify PageGitHub
Hoop Haven is a Next.js server-side-rendered (SSR) application built with Tailwind CSS that allows users to explore basketball courts, with each court having its own unique URL parameter for easy access and sharing. Court data is dynamically fetched from a Supabase database, enabling seamless updates and accurate information on every court's details, location, and facilities.
Vercel PageGitHubIn my free time, I've developed two interactive games that showcase my skills in both JavaScript and React. The first is built with HTML, CSS, and JavaScript and features classic gameplay with smooth animations. The second game leverages React and Tailwind CSS for a modern, responsive design, incorporating dynamic states and effects for an engaging user experience. Each game demonstrates my ability to create interactive and visually appealing projects, reflecting both creativity and technical versatility.
Interactive project built with React and Tailwind CSS that combines classic gameplay with a modern design. Players control a car in pursuit of randomly generated points on the map to earn time before it counts down to zero. Along the way, they must dodge obstacles that drain valuable seconds if hit, adding an extra layer of challenge. High scores unlock faster cars, enhancing the gameplay experience and encouraging players to improve with each round. This game showcases my skills in creating engaging, responsive games with dynamic elements and progression features.
Netlify PageGitHub
Interactive project created using HTML, CSS, and JavaScript. This game features two main activities: a "Guess the Player" game and a "Height Comparison" tool. In the Guess the Player segment, players have four chances to identify the names of four hidden Chicago Bulls players. The Height Comparison section allows users to input any height and compare it to the heights of Chicago Bulls players, making it an engaging way to explore player statistics. The design captures the essence of the Chicago Bulls, making the game visually enjoyable for fans.
Netlify PageGitHub
This project showcases my ability to create a dynamic content management system, allowing users to manage blog posts seamlessly.The application includes a login authentication system, ensuring secure access to the CMS. Once logged in, users can easily add new blog posts, which are then stored directly in the Supabase database. This setup not only streamlines content creation but also allows for efficient data management. With a focus on user experience and functionality, this project exemplifies my skills in combining frontend and backend technologies, demonstrating my commitment to building intuitive and effective web applications.
Netlify PageGitHub
Project built in React with Supabase database connection, showcasing advanced state management techniques through the use of useReducer. This application serves as a unique music platform, featuring songs that I have either created or sampled myself using FL Studio, ensuring all content is legally owned. The project not only demonstrates my technical proficiency with React but also highlights my creativity and passion for music production. By leveraging advanced state management, ROBIFY efficiently handles the dynamic aspects of the application, allowing for smooth interactions and enhanced performance.
Netlify PageGitHub
Single Page Application (SPA) built in React, designed to provide a seamless shopping experience for users. This project features a dynamic product catalog, allowing users to easily browse, filter, and sort through various products. The application includes a fully functional shopping cart where users can add products, adjust quantities, apply discount codes, and reset the cart as needed. The intuitive interface enhances user interaction, making it easy to manage selections and keep track of purchases. This project showcases my ability to create interactive and efficient web applications, combining essential e-commerce functionalities with a clean and engaging design.
Netlify PageGitHub
Project developed in Node.js aimed at deepening my understanding of server-side JavaScript. This application showcases a comprehensive list of NBA teams, each linked to their respective pages using unique URL parameters. The project integrates HTML, CSS, and JavaScript methods to create a user-friendly interface that allows easy navigation between different teams. Users can click on a team to view detailed information, demonstrating how dynamic routing works in a Node.js environment. By building TEAMS NODE, I have gained valuable insights into the fundamentals of Node.js, including server creation, routing, and the application of modern JavaScript techniques.
GitHub
Interactive web page developed using HTML, CSS, and JavaScript that allows users to personalize their browsing experience by altering the page's design dynamically. The application features three buttons, each programmed to apply a different design style to the page with a simple click. In addition, users can take customization a step further by typing their desired design attributes into a text input field, enabling real-time updates to the page's appearance. Through this project, I explored key concepts in DOM manipulation and event handling, enhancing my understanding of how user interactions can directly influence the web environment.
Netlify PageGitHub
User-friendly web application developed using HTML, CSS, and JavaScript that allows users to create new accounts while ensuring compliance with specific conditions. The application features a form that captures user details, enforcing validation rules such as proper email formatting and a minimum character length for nicknames. This project employs Object-Oriented Programming (OOP) principles and utilizes classes to structure the code effectively. Through this project, I honed my skills in form validation, DOM manipulation, and OOP, reinforcing my understanding of how to create robust and maintainable web applications.
Netlify PageGitHub©2025 Robert Grabowski