Football Tournament Manager

made the tour available for anyone, signed in or not.
You don’t have to create an account to know what the project is all about now.

Added Delete account Function. A User can now delete his account whenever he wants by going to his profile, clicking the delete button, and tyipng “DELETE” in the modal that appears. Had to learn Edge functions for this.

Completed the first stage of the tournament. Now Ready for shipping. Fixed Bugs, Added a detailed tour, remade the Dashboard, added match logging feature, added tournament view page, and lot’s more.

Changelog

• added tournament details page, with tabs for navigation
• most unserious commit. Don’t mind this
• Deploying to gh-pages from @ abdulgafarabdurrasheed/football-tournament-manager@cda431e555645772e324c372c47a2afbb94ce87e 🚀
• more tweaks and updates. Getting ready for a massive ship.
• Deploying to gh-pages from @ abdulgafarabdurrasheed/football-tournament-manager@d5a1dff848b1e889146ea39f2798a1198c2290cd 🚀
• added bracket viewing for knockout competitions, more tweaks and updates
• Deploying to gh-pages from @ abdulgafarabdurrasheed/football-tournament-manager@1a4081bc28da9a39b7ef1e2015ee77c50a01af86 🚀
• Fixed erreors, teaked and updated, and created the standings table
• tweaks and upsates

Completed the Core of the tournament creation. The tournament WIzard now accurately puts data into supabase, and set’s the stage for the tournament format and all. Also added a tournament card to show active tournaments on the Tournament Finding Page. Next, i have to create a page for a tournament’s details, and all of that. The tournament part of the project is almost complete.

Changelog

• added realtime subscription hooks for tournament updates and started the creation of the TournamentWizard component for tournament creation
• created react hook for Matches
• created react hooks for manager
• added react Query for Tournaments
• added analytics for the tournament. Highest goal scorers, Highest assisters, Form, Head to Head, e.t.c.

This was Such a genuinely productive part of the project overall. I added tournament state with zustand stores to prvent prop drilling hell, I implemented Match scheduling Logic, League tables, Tournament analytics, Highest Goal Scorers, Top Assisters, e.t.c.
The project might Just be ready for it’s first ship, But i need to clean up some stuff first. The Berger table logic was very interesting to learn tho. You guys should read about it. It contains algorithms like sorting, finding, Divide and conquer, e.t.c.

Loved this part Overall.

Started Tournament creation process. Implemented form validation using Zod, And added tournament database types.

Fixed bugs, and learn’t alot. Kinda tired, so forgive me if this is awfully boring. No UI update/Form yet, Just Behind the scenes stuff.

Deleted an 8 hour Devlog By Mistake 😭😭😭😭. AHHHHHHHHHHHH.

Learnt How to write test, wrote tests for the authentication process, that I have been working on for the past 30 hours( and Yeah. I’on like writing tests 😭😭). Fixed a bug that the test exposed, and yeah. This is currently in a good state I guess. Also integrates Sentry, and created an error boundary component. On fire 🔥🔥

Created a profile page(Users can now view and edit their profiles), added sentry for error tracking, and enhanced the UI more and more. Used framer motion to add more animations(I’m playing around with this a lot), and added responsiveness for different screen sizes. Reduced animations for mobile, with an option to remove them entirely. Fixed a Bug where Profiles refuse to update when an profile picture change is added(Just removed Profile picture changing for now, I’ll get back to it later.)

Have completed the Authentication UI. Users can now Login, Sign Up, and all that without any Problems. Used Framer motion for Smooth Opening of Authentication Modals. Finally Getting the Hang of Supabase, typescript, and the Frontend, Backend communications with one another. Going into creating tournament Features Now. Probably Gonna ship after the next Phase. I’d say i’m currently about 20% done with the whole thing, and in 40 hours is record time(Considering I’m just learning). Dealt with A LOT of typescript bug, and consulted AI A WHOLE LOT. But it’s all fine and good init? My Idea, My Code, My Project.

Created the UI for the Login, and Sign up pages, Connected it to the Backend, Added email confirmation link, Created the Routes to said pages, and Some more stuff. Had a heck of a problem creating a working supabase project that uses google OAuth.

Finished all Auth Processes on the Backend side of things(What is Featured in the image is just the testing Page.), Yay 🎉🎉. The next few hours will bring the authentication pages, and all of the cool UI side of stuff, And from there, we Cruise on.

As Someone who didn’t know a lick of Databases and their technicalities prior to this, Really Learning a lot. That’s why to the seasoned people, I probably look slow 🐌🐌(I asked around, and getting to where I currently am in the project, should normally take 10–>15 hours. It’s taken me 26 ☠☠). Anyways, Catch you Guys Later.

So, yeah. Started the project 😅