My biggest project so far is coming up: Clubrizer

Katharina Sick
3 min readOct 22, 2020

Something big is coming up! In the next weeks and probably months I’ll be busy implementing Clubrizer. But wait, what is this actually? Clubrizer will be an application (to be precise, a Progressive Web App), that eases the communication within clubs or teams. Continue reading if you want to know more about this project.

About the App

As stated above, the main goal of Clubrizer is to ease communication within clubs or teams. It will be a small social platform where all members of a club or team can register. When registered, they get information about things going on in the club. Those things can be events and trainings that are happening, new forum posts, new records that have been done by club members or simply messages sent out by the head of the club. All of this happens highly interactive. People can respond to events, ask questions in the forum, comment on posts or enter their own records. Clubrizer helps the head of a club to reach out to their members easily and on the other side it is handy for members to have all information about their club in one place.

Design

I spent a hell of a lot of time on trying to come up with a sleek design for this applicaiton. Unfortunately I just got proven again that I should stick to software development. Still, you can see my attempt on creating something nice below.

Parts of my attempt designing Clubrizer.

After thinking about it for a while I decided to give Upwork a try. It was the best decision I could have made. A few minutes after posting the job I already had like 15 messages from freelancers. One of them stood out with a nice portfolio, so we had a chat and I decided to hire her. The designer, Anna Vashkevich, immediately started to work on the project and about two or three weeks later I got the final design. I couldn’t be happier about it! You can see parts of it in the picture below.

The design created by @annav_design

During the design development we communicated a lot and Anna always adapted the prototype and later the design to my (functionality) wishes. So, if you should be looking for a designer, I can really recommend her. If you are interested in her work, you can also follow her on Instagram: @annav_design.

As you can see, this design is only meant for the mobile version, which I will implement first because most of the people in my club will use the app on their phone. Therefore a desktop version will follow in a later stage of devleopment.

You can get an idea of how the app is working by looking at this part of the design. I won’t elaborate further on the functionality in this post, but if you are interested in the app, just follow my blog — I’ll post information and updates about each section during development.

Implementation

At the current state the design is fully ready and implementation is about to start. As I didn’t start with development yet, I will simply write about the rough plan here. In the next posts about Clubrizer I’ll provide information about the development process and some implementation details I find interesting.

Backend

The backend will be separated into several services to make it easy to scale single services when they are reaching their limits. Some of the services will probably run in a Spring Boot Application, while others may run in serverless functions. I don’t have a clear plan for the exact implemenation yet, but probably I will also try different things for each service to gain some experience. Lets see what the future will bring here.

Frontend

Clubrizer will be a Progressive Web App (PWA) written in JavaScript using React.

TLDR;

I’m planning to implement an application that improves the communication within clubs or teams. It is named Clubrizer and the design is ready. The implementation of the PWA will start now.

Originally published at https://ksick.dev on October 22, 2020.

Unlisted

--

--

Katharina Sick

Creative and detail-oriented software developer. Advanced from mobile to backend development and now getting into full stack solutions.