Portfolio

Explore a curated selection of projects that reflect our approach to modular design, semantic code, and user-centered development. From responsive templates to UX challenges, each piece is built with clarity, accessibility, and performance in mind.

Portfolio Projects

Preview of Burger Restaurant Website

Burger Restaurant Website

A fully responsive and interactive site featuring a mobile-friendly menu, category filtering, custom video controls, and an automated testimonial carousel. Built with semantic HTML, CSS, and vanilla JavaScript to showcase the restaurant’s offerings and brand personality.

View Project
Preview of Construction Company Website

Construction Company Website

A responsive and modern website showcasing services, projects, testimonials, and interactivity.

View Project
Preview of Advice Generator App

Advice Generator App

A dynamic advice generator built for a Frontend Mentor challenge, powered by the Advice Slip API. It fetches and displays random advice with smooth transitions, responsive layout, and interactive dice-triggered updates. Styled with Manrope font, neon hover effects, and semantic HTML, the app delivers a clean, accessible experience across devices.

View Project
Preview of Age Calculator App

Age Calculator App

A responsive age calculator built for a Frontend Mentor challenge. It features semantic HTML, custom form validation, and animated result output using vanilla JavaScript. Styled with Poppins font, soft shadows, and a playful layout, the app calculates age in years, months, and days based on user input.

View Project
Preview of 25 + 5 Clock

25 + 5 Clock

A Pomodoro-style timer built with React and Babel, featuring session and break controls, keyboard interaction, and audio alerts. Styled with a retro digital aesthetic using Orbitron font, neon green accents, and glowing shadows.

View Project
Preview of JavaScript Calculator

JavaScript Calculator

A retro-styled calculator built with React, Babel, and Bootstrap 5—designed to evoke the tactile charm of 90s interfaces. It features responsive layout, keyboard support, and dynamic input handling with real-time evaluation. Styled with Courier New, inset shadows, and gradient buttons, it delivers both nostalgia and precision.

View Project

Modern Burger Restaurant Website

A fully responsive and interactive website designed for a burger restaurant. It features a mobile-friendly hamburger menu, dynamic category filtering (food, snacks, beverages), a video section with custom play controls, and an automated testimonial carousel. Built with semantic HTML, modular CSS, and vanilla JavaScript, the site delivers a smooth and engaging user experience while highlighting the restaurant’s menu, promotions, and brand personality.

Modern Burger Restaurant Website full preview

Technologies Used

  • HTML5 (semantic structure)
  • CSS3 (modular architecture, Flexbox, responsive design)
  • JavaScript (vanilla: interactive menu, category filtering, video controls, carousel)
  • Accessibility and mobile-first best practices

Construction Company Website

A professional, responsive website designed for a construction company, featuring services, projects, testimonials, and a promotional video.

Construction Company Website full preview

Technologies Used

  • HTML5 (semantic structure)
  • CSS3 (responsive design, clean layout)
  • JavaScript (hamburger menu, Intersection Observer animations)
  • Accessibility & mobile-first best practices

Advice Generator App

A dynamic advice generator built for a Frontend Mentor challenge, powered by the Advice Slip API. It fetches and displays random advice with smooth transitions, responsive layout, and interactive dice-triggered updates. Styled with Manrope font, neon hover effects, and semantic HTML, the app delivers a clean, accessible experience across devices.

Advice Generator App full preview

Technologies Used

  • HTML5 (semantic structure)
  • CSS3 (custom styling with neon effects)
  • JavaScript (API integration and DOM updates)
  • Advice Slip API (live advice fetching)
  • Responsive layout & accessibility

Age Calculator App

A responsive age calculator built for a Frontend Mentor challenge. It features semantic HTML, custom form validation, and animated result output using vanilla JavaScript. Styled with Poppins font, soft shadows, and a playful layout, the app calculates age in years, months, and days based on user input.

Age Calculator App preview

Technologies Used

  • HTML5 (semantic structure)
  • CSS3 (custom styling with soft shadows)
  • JavaScript (form validation and age logic)
  • Frontend Mentor challenge integration
  • Responsive layout & accessibility

25 + 5 Clock

A Pomodoro-style timer built with React and Babel, featuring session and break controls, keyboard interaction, and audio alerts. Styled with a retro digital aesthetic using Orbitron font, neon green accents, and glowing shadows. This project is part of the freeCodeCamp Front End Development Libraries certification, which includes five hands-on projects using Bootstrap, jQuery, Sass, React, and Redux.

25 + 5 Clock preview

Technologies Used

  • React 18 (state management and rendering)
  • Babel (JSX compilation)
  • Custom CSS (retro UI styling)
  • Orbitron font (digital aesthetic)
  • Audio API for session alerts

JavaScript Calculator

A retro-styled calculator built with React, Babel, and Bootstrap 5—designed to evoke the tactile charm of 90s interfaces. It features responsive layout, keyboard support, and dynamic input handling with real-time evaluation.

JavaScript Calculator preview

Technologies Used

  • React 18 (component logic and state)
  • Babel (client-side JSX compilation)
  • Bootstrap 5 (responsive layout)
  • Custom CSS (retro styling with gradients and shadows)
  • Keyboard event handling and input sanitization

Let’s Build Something Great Together

Whether you're planning a new project or need expert advice, we're here to help. Let's talk about how we can bring your ideas to life.

Start a Conversation