Interactive Demos

A small gallery of front-end interactions built with vanilla JavaScript.

Illustration of front-end project demo

1) Accordion (FAQ)

An accessible disclosure widget that expands/collapses content.

Great for FAQs and compact content on mobile.

Open a native HTML <dialog> to display details without leaving the page.

3) Image/Text Slider

Project preview one — Campus - University of Indianapolis

Project preview two — Library - University of Indianapolis

Project preview three — Key Stadium - University of Indianapolis

4) Dark Mode Toggle

Use the "Dark Mode" button in the header to switch themes.

5) Back-to-Top Button

Scroll and use the floating ↑ control for smooth return to top.