MSTCA.tv

Stephen Burke

Live streaming platform for MSTCA track and field events.

Overview

The MSTCA wants a place to live stream their track and field events. They want to be able to have a central location for all of their events and have the ability to archive the events for later viewing. They want to be able to upload pictures of the events and have logged-in users be able to “like” the pictures.

Solution

I built a new site using TRPC, a modern RPC framework. It allows me to have a structured way to define my API and have type safety. I also used React and Typescript to build the front end. I used Netlify to host the site and to have continuous deployment.

The core technology used for the project:

TechDescription
TRPCModern RPC framework
ReactJavaScript library for building user interfaces
TypescriptTyped superset of JavaScript
NetlifyHosting and continuous deployment
PrismaDatabase ORM
BoxcastLive streaming platform

I also used Supabase to store the pictures and to have logged-in users be able to “like” the pictures. Having an ORM like Prisma allows me to have a type-safe way to interact with the database and perform CRUD operations with ease. Prisma also handles the migrations for me, so I don’t have to worry about managing the database schema.

MSTCA is very happy with the new site and it is now the main site for all of their track and field events and wants to integrate payment processing for the events in the future.

Note: All styles, layouts, and content are chosen and maintained by the MSTCA.

Results:

New Site: MSTCA.tv


Thank you for reading! If you enjoyed this post, feel free to share it with your friends and colleagues. For more insights on web development, technology trends, and digital innovation, stay tuned to this blog.
Prev:

Leander Bio Sciences Refresh link
Next:

MSTCA.org Refresh link