Pulse Dashboard
Static Web Showcase
Role
UI Prototype Developer
Timespan
1 Week
Product
Static Dashboard Demo
Technology Stack
HTMLCSSJavaScript
Technical Glimpse
// Simple vanilla JS layout updater
const updateMockMetrics = () => {
const elements = document.querySelectorAll('.metric-badge');
elements.forEach(node => {
const val = parseFloat(node.innerText);
node.innerText = (val + (Math.random() - 0.5) * 1.5).toFixed(2);
});
};Project Evolution
Pulse was built as a lightweight, single-file HTML presentation to showcase responsive grids and vanilla CSS layout mechanics in a dashboard context.
Design Philosophy
Keep styling and layouts entirely contained within a single index file, prioritizing rapid visual previewing and zero external server overhead.
Technical Challenges
Consolidating dark-themed stats panels and simple data listings in helper objects while maintaining high readability on a clean, scrollable interface.
Other Projects
Flux Analytics
Interactive Landing Concept
Verdant Studio
Mock Agency Presentation
.webp)
Instant Bite
Fast Food App Design & Frontend