Tyrell Downer

Supametric is a data platform for advertising agencies. Our largest agency had around 430 clients.

I built a custom report builder using the dnd kit in React to allow users to create data reports for their clients. I implemented optimistic updates throughout the whole experience so users could build seamlessly. I also created templates for users to start with, or they could use any report they built as a template, seamlessly copying it to other clients.

Additionally, I built a system for authenticated and public access so that their clients could authenticate with the app but only see the report. Or, users can choose public, which creates a public URL with two keys, only allowing access if both are present so anyone with the link can view.

This was a project that was originally built as a PWA using Django. It became clear to me when I got to the company this would not be sustainable long term. After communicating with the IT director, I received clearance to rewrite the mobile app in a more maintainable and higher-performing way.

I began my research, and it shortly became clear that React Native was the best framework for us to write our mobile app in.

I got the okay for React Native and began development.

One of the main considerations I had to make was how maintainable this would be in the future by another developer, specifically another developer with the little mobile app experience.

I hedged against this throughout the project in two ways:

1. First, deciding on React Native in the first place, as it's very similar to modern front-end web-based languages.

2. Writing clear, concise code and great documentation.

That way, even though I wrote a lot of custom code, such as the custom navigation system the app has, another developer could still pick it up and be productive quickly.

This project, with some marketing help, brought our mobile app from 300 to 15,000 users per month.

A project I built to make scaffolding full-stack applications much easier, removing a large amount of boilerplate while still being fully expandable by a developer.

This framework provided a JWT-based user auth system already integrated RESTfully with a Vue front end.

The main feature was a GUI that took advantage of Django's ORM and allowed you to create entities. An entity consisted of a model, serializer, admin config, views, and URL endpoints.

The GUI mainly contained a form with entity names, fields, and parent app inputs. You could select unlimited fields of various types (text, int, boolean, image, file, foreign key, and rich text field): for example, a text field named 'title.'

Upon submitting, an entity would be programmatically written in the Django app you selected. The fields will be attached to your model for you. Then the database is migrated, so the model becomes available immediately. It also wrote query functions to your front end corresponding with the created endpoints.

The code was written for your project and could be expanded easily. The GUI will organize your code based on hierarchical Django apps containing entities.

To initiate the project, you simply ran an npx command.