Building a Comprehensive Platform for Social Clubs

A feature-rich platform enabling social clubs and members to connect, manage inventory, navigate restrictions, and streamline applications with tools like Grow-Control, OpenStreetMap integration, and a document management system.

Canbase Platform

Building a Comprehensive Platform for Social Clubs

Florian Glappa
3

Building a Comprehensive Platform for Social Clubs

Introduction

Since November 2024, I’ve been developing a platform aimed at simplifying the management and operation of social clubs. Designed for both members and club owners, the platform offers a suite of tools to enhance connectivity, streamline administrative processes, and improve inventory management.

Key Features

1. Bubatzkarte: Navigating Restricted Zones

To assist members, I developed the Bubatzkarte, a map-based feature to identify restricted zones around schools, daycares, and similar establishments.

  • Backend: Set up an OpenStreetMap (OSM) TileServer to process tags and define prohibited zones as individual map layers.
  • Database: MongoDB stores relevant data, including restricted zones and user proximity information.
  • API: Determines a user’s proximity to restricted zones.
  • Frontend:
    • Web App: Implemented using Leaflet.js for an interactive map view.
    • React Native App: Built with Mapbox for mobile-friendly navigation and OSM-based location search.

This feature notifies users if they are in restricted zones and provides proximity information to ensure compliance with regulations.

2. Application and Document Management

For club owners, I implemented a module to manage bureaucratic tasks:

  • Authority Overview: Displays relevant state authorities for application processing.
  • Document Management: Enables uploading, organizing, and rendering PDF templates for applications.

3. Grow-Control: Inventory and Financial Management

Club owners can manage inventory, perform audits, and handle financial documentation effortlessly using the Grow-Control feature, which ensures operational efficiency.

Additional Contributions

  • Local Development Environment: Created a Docker-based setup integrating the database (MongoDB) and the TileServer, allowing seamless development and testing.
  • Error Handling and Monitoring: Integrated Sentry for proactive error reporting and resolution, ensuring improved stability and performance across the platform.
  • Consultation on Error Handling: Provided recommendations and best practices for error detection and recovery to enhance the application’s resilience.

Technology Stack

The platform is built with a robust and modern tech stack:

  • Backend: Express API in JavaScript.
  • Web App: Next.js with Tailwind CSS and shadcn components.
  • Mobile App: React Native leveraging NativeWind and Gluestack UI.
  • Database: MongoDB.
  • Development Tools: Docker for local environment setup.

My Role

I’ve contributed to both frontend and backend development:

  • Implemented the Bubatzkarte, including OSM TileServer setup and integration with Leaflet.js and Mapbox.
  • Developed features like the authority overview and PDF-based document management system.
  • Built a local development environment with Docker, integrating MongoDB and the TileServer.
  • Integrated Sentry for error monitoring and consulted on error handling strategies.

Conclusion

This platform empowers social club owners and members with tools that simplify complex processes, ensure compliance, and enhance operational efficiency. With features like the Bubatzkarte and Grow-Control, it bridges regulatory and operational needs in one comprehensive solution.