Acespot - Court Booking App

I built Acespot with NextJS, Typescript, Tailwind, Stripe and Supabase. The idea came up when I was trying to book a tennis court in a local facility and noticed that the app was not to intuitive. I was trying to book a court with roof but the app did not indicate which ones are the ones with roof so I thought that a map of the facilities would be so helpful so I tried to do a court booking app with a map, just like cinemas do

About the features, it's really simple. You can select a court and pick a date and time and you will go through the payment gateway and that's it. Also you can visit the reservations page to check info later like the QR code and also you have a basic profile page

Fun project to work with drawings, payments with stripe and also to learn NextJS. I faced problems manye like dealing with users trying to book a court at the same time, or locking time slots when a other user has it selected, checking if the payment went through, etc.