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.

Credits

  • Firebase for authentication and database
  • Vercel for hosting
  • Many NPM packages
  • The Firebase serverless auth template we used
  • Water.css
Share this project:

Updates