FitTogether

Inspiration

Doing activities with friends is really good for your mental health, and also really fun!
That's why I created FitTogether, a platform that allows you to fitness with your friends!

What it does

Allows you to create and register for different events.

How we built it

Using the t3 stack (next.js, tailwind, nextauth, trpc, prisma)

Challenges we ran into

nextauth was a huge pain to get working as the default t3 stack template uses sessions not jwt, but for local authentication jwt is required by nextauth. So I spent a lot of time debugging trying to get JWTs to sign. Didn't help that the error messages were mostly unrelated to the actual problem and had me going down some other rabbit hole.

Accomplishments that we're proud of

You can't see it in the video, but there's infinite scrolling implemented. Once there is 10+ events, a Load More button appears and upon clicking, it will fetch the next 10 and put it at the end of the page. This was my first time implementing infinite scrolling, and I think it's really neat.

What we learned

First time using next-auth and first larger project where I used trpc, and I'm loving it!

What's next for FitTogether

In the short term, Need a way to edit events after they are posted and view the attendees. Maybe a group messaging system. I was also planning on adding a search function where you can search by location using postgresql's Point datatype, but didn't have time to finish it.

In the long term, I think that it would be cool to create a full social media platform based on exercising. Think something like Snapchat but you keep streaks by showing off your exercises. And then maybe you can make leaderboards and share it with friends.