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
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
Log in or sign up for Devpost to join the conversation.