Web Design and Front-End Projects

This page highlights selected web design and front-end development projects, including concept sites, interactive experiences, and portfolio-based work. Each project reflects a different combination of design, structure, and responsiveness.

Ask AI

Ask AI homepage preview
Ask AI secondary screenshot Ask AI third screenshot
View live site

About This Project

Ask AI is a site where users can query multiple AI chatbots with a single click. Using Flask and APIs, the site sends a question to multiple AI systems and returns their responses for comparison. The project also includes an AI error reporting feature where users can document potential mistakes, bias, or inconsistencies. Its purpose is to make differences in AI behavior easier to identify, compare, and understand.

Skills Used

  • HTML
  • CSS
  • Advanced JavaScript
  • Responsive Design

CSS Art

CSS Art project preview
View live site

About This Project

Sun To-Go is a pure CSS art project centered on an imagined product made from bottled sunlight. Using gradients, shapes, and subtle animation, I created a stylized sun and garden scene to give the page a playful sense of motion and atmosphere. The project focuses on visual storytelling through front-end design without relying on traditional illustration tools.

Skills Used

  • HTML
  • CSS
  • Responsive Design

CyberPunk Alchemy

CyberPunk Alchemy project preview
CyberPunk Alchemy secondary screenshot CyberPunk Alchemy third screenshot
View live site

About This Project

CyberPunk Alchemy is a curated resource library that organizes articles, videos, and tutorials related to graphic design, motion design, web design, pop culture, and current events. The project combines research, categorization, and visual theme-building into a single interactive experience.

Skills Used

  • HTML
  • CSS
  • JavaScript
  • Responsive Design

FloraVision

FloraVision project preview
FloraVision secondary screenshot FloraVision third screenshot
View live site

About This Project

FloraVision is a fictional product concept that imagines an augmented reality experience where users can overlay digital plant life onto real-world scenery through smart glasses or a mobile app. The site introduces the concept, explains how the product works, and uses digital design to build an immersive visual identity around the idea.

Skills Used

  • HTML
  • CSS
  • Responsive Design

Tailored Bites

Tailored Bites project preview
View live site

About This Project

Tailored Bites is an e-commerce site where customers can browse and purchase homemade food items for their pets. The project includes features commonly found in online stores, such as a dedicated cart page, timed promotional content, and interactive sales elements. It was created to explore how front-end design and JavaScript can work together to simulate a more complete shopping experience.

Skills Used

  • HTML
  • CSS
  • Advanced JavaScript
  • Responsive Design