https://github.com/alejandra-rojas/tennisleague-highburyandislington

Webapp with an admin dashboard to easily manage a tennis league and a public frontend to display the latest results. Fullstack: next.js
https://github.com/alejandra-rojas/tennisleague-highburyandislington

database framer-motion gsap lenis-js nextjs react-query sanity supabase-auth supabase-js zustand

Last synced: 3 months ago
JSON representation

Webapp with an admin dashboard to easily manage a tennis league and a public frontend to display the latest results. Fullstack: next.js

• Host: GitHub
• URL: https://github.com/alejandra-rojas/tennisleague-highburyandislington
• Owner: alejandra-rojas
• Created: 2023-10-21T19:42:41.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-09T13:22:04.000Z (3 months ago)
• Last Synced: 2024-10-11T02:22:17.717Z (3 months ago)
• Topics: database, framer-motion, gsap, lenis-js, nextjs, react-query, sanity, supabase-auth, supabase-js, zustand
• Language: JavaScript
• Homepage: https://leagues-dashboard.vercel.app
• Size: 7.7 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tennis League Manager WebApp



 Deployed website: Highbury Fields tennis league 






User-friendly web application designed to streamline the creation, organization, and management of the internal competitions of a tennis club, while presenting the results to the public through a modern and responsive website. The admin tool simplifies the entire league management process, from setting up a league to adding players and effortlessly updating scores that keep in sync with the public frontend. 

The project originated from the need of the Highbury and Islington Tennis Club to simplify the management of their leagues, which involved maintaining the league data manually on an Excel spreadsheet. With every score report, there would be a manual update followed by a screenshot upload to the existing website to display the updated scores. This webapp greatly improves the workflow, making league management more efficient and accessible.

## Tech Stack:

- **Frontend:** Developed with Next.js, making use of Zustand for state management. GSAP/Framer Motion for dynamic animations and SCSS for styling.

- **CMS:** Sanity for content management of the frontend data.

- **Database:** Employing Supabase with Postgres integration, allowing for cost-effective deployment on Vercel.

- **RESTful API:** Supabase.js and React Query for a RESTful API implementation, providing seamless communication between the frontend and the database.

## Key Features:

- **League Creation:** Easily set up and customize tennis league with various divisions in a few clicks.

- **Player Management:** Seamlessly add and organize players and doubles teams, ensuring an up-to-date and accurate roster.

- **Score Updates:** Effortlessly update match scores in real-time, keeping everything in sync with the public frontend.

- **User-Friendly Interface:** Intuitive and responsive design for a smooth and user-friendly experience.

## Updating match scores via the Admin dashboard

https://github.com/alejandra-rojas/leagues-dashboard/assets/113424427/eba09782-8642-45a4-8468-522d12777aa7

> [View video in YouTube](https://youtu.be/LttM9l2eTSU)



 Deployed website: Highbury Fields tennis league