Hey dev community! 👋
As a Bachelor computer student I’ve always believed that the best way to learn development is by actually building things that solve real world problems. Recently I wanted to understand how e commerce platforms manage their analytics, so I built a multi-page metrics dashboard project called GlobalPrime.
It includes a product catalog, profit trackers, and dynamic calculators. In this post, I wanted to share the core structure and how I approached the frontend logic.
Architecture
For a dashboard to be clean and scannable, the layout needs to be highly organized. I divided the project into three main views:
1.index.html: The main landing page showcasing the product discovery flow.
2.dashboard.html: The core analytics engine featuring profit metrics and operational trackers.
3.products.html: The dynamic product catalog management view.
The Turning Point
Honestly, when I first started my engineering journey at Parul University, I was a bit overwhelmed by the massive campus strength. Like any tier 3 private university, you often hear people saying you have to figure everything out on your own.
But things changed when I actively pushed myself into the core tech community here. I teamed up with a few like minded developers from my batch, and we started doing peer-programming sessions in the hostel.
We actually conceptualized and refined this dashboard logic during an internal hackathon sprint organized on campus. The faculty supported us with lab access, but the real game-changer was the peer group. Having competitive peers around pushes you to write cleaner code and learn frameworks faster than any standard classroom lecture ever could.
Here is a snippet of how I structured the layout for the core metrics cards
-html
<h3>Total Revenue</h3>
<p>$12,450</p>
<span>+18% this week</span>
<h3>Net Profit Margin</h3>
<p>24.5%</p>
Top comments (0)