Stacc Analytics

Main Banner
Our Landing Page

Inspiration

We were inspired by existing analytics solutions, but felt like they were either lacking, too expensive, or untrustworthy.

This includes Google Analytics, Plausible, Fathom, and SimpleAnalytics.

What it does

Stacc Analytics helps you to get important information about your website or app's audience without bogging down your loading times or invading the privacy of your users.

It's easy to setup and easy to use. As a developer, it's as simple as a single script tag like this:

<script src='https://analytics.stacc.cc/api/script/projectid'></script>

Things we could've done better

The demo link on the landing page should have an actual demo and not just log the user in.

We should consider using non-Google (Firebase) technologies on the main website.

The design system should be upgraded to include better loading states.

How we built it

We used Firebase as an authentication and database solution, and a custom design system based on Figma tokens for a consistent UI and UX and to simplify development.

Mainly, we used React and Next.js on the frontend and some various custom libraries, templates, and wrappers we wrote to get all the data we needed.

The API is composed of serverless functions, our core analytics script is vanilla browser JavaScript, and our realtime tracking socket is built with Express.

Challenges we ran into

Coming up with non-invasive metrics
Scaling view tracking
Broken computers

rip

Accomplishments that we're proud of

Good design and overall UX
The efficiency of the aggregation
Creating a great design system

What we learned

The inner workings of Firebase
The fact that everything that can go wrong probably will go wrong
It's important to optimize database operations

What's next for Stacc Analytics

We'd like to expand the platform and increase the usability of the dashboard, especially focusing on data processing and management. We're also going to continue to add more privacy-friendly metrics.