KickerApp: Table Football Management App

Introduction

KickerApp is an innovative web application built with ReactJS and Vite, designed to track and manage table football games in office environments or among friend groups. This app simplifies game tracking, player ranking, and statistics management, making it an ideal tool for fostering friendly competition.

Key Features

• Player Profiles: Customize your profile, monitor your progress, and compare rankings.
• Game Tracking: Log new matches seamlessly, with automated updates to player records and rankings.
• MMR Rankings & Statistics: Access real-time, detailed statistics and rankings of each player.
• Match Histories: Explore comprehensive match records, including detailed analyses of past games.
• Multiple Tables: Manage separate player groups or leagues within the same app.

Upcoming Enhancements

• Mobile Optimization: Use an optimized version of the app on your mobile devices.
• Advanced Statistics: Gain deeper insights with improved statistical tools and visualizations.
• Additional Features: We're continually adding new functionalities to enhance your experience.

Tech Stack

KickerApp is crafted using a blend of modern technologies and tools for a robust and scalable application:

• Frontend:

  • ReactJS: A powerful JavaScript library for building user interfaces.
  • Vite: An optimized frontend build tool for faster and leaner development.
  • React Router: Manages navigation and routing within the application.
  • React Query: Handles remote state management efficiently.
  • React Forms: For managing form state and validations in a React environment.
  • Styled Components: For stylish, component-based CSS in JS.
  • React Icons: Provides diverse icon options for enhancing UI.
  • Recharts: Integrated for sophisticated charting and data visualization.

• Backend:

  • Supabase: A scalable PostgreSQL-based backend that stores and manages application data.
  • JavaScript Supabase API: Ensures seamless interaction between the frontend and Supabase backend.

Getting Started

1. Clone the Repository

   git clone https://github.com/a-kowalenko/kickerapp.git
   

2. Install Dependencies

   cd kickerapp
   npm install
   

3. Run the Application

   npm run dev
   

Contributing

Your contributions make KickerApp better! Feel free to fork the repo and submit pull requests with your ideas and improvements.

License

KickerApp is available under the MIT License. See the LICENSE file for more details.

---

Dive into KickerApp for an enhanced table football gaming experience, complete with advanced features and a user-friendly interface! 🏓✨