Soccer Stats

A web app for keeping track of your stats as a soccer player - goals, assists, and games played - and sharing them with your friends

Comment

Inspiration

I thought it would be fun to have some kind of simple platform where I can keep track of all my statistics from my soccer seasons such as all the goals that I score, and the teams that I score them for.

What it does

It's just a web app where you can create keep track of all your goals, assists, and games for each team you play on. You have all of your stats on your own page that also includes your photo, your position and your jersey number. You can edit that page as much as you want and share it with your friends.

How I built it

The frontend was made with TypeScript, React, Next.JS, and SCSS, which connected really well with Firebase Auth, Google Cloud Storage, and Google Cloud Firestore; which I used for the backend side of things. I hosted it on Vercel, mostly because it's so simple and quick to set up -(you only have to select the GitHub repo and click 'Deploy'!)

Challenges I ran into

The most challenging part of the entire event was coming up with the idea. It took me over 4 hours of thinking until I thought of this. Other than that, I also had a pretty difficult time managing my time wisely and prioritizing the most important features.

Accomplishments that I'm proud of

I'm mostly proud of making a finished project in such a short amount of time.

What I learned

I learned that when it comes to UI, not everything has to be absolutely perfect at first: it's best to get all the features at least working properly and interacting properly with the backend before you try and polish the UI too much

What's next for Soccer Stats

I originally thought that it would be neat to be able to upload highlight clips of yourself onto your page. I ended up running out of time for that, but it could be fun to try and implement that in the future.

Share this project:

Updates