Piggy Bank for Words

A little mental exercise for you!

./color-palette

Piggy Bank for Words (German version below)

WHAT THE... ?!

We are happy that you want to take part in our ‚Phrasenschwein‘ Challenge!

The idea is to get an insight in your current coding level and also learn more about how you code.

At first – keep calm and code on.

• Our team works with TypeScript, so of course it would be nice if you solve the task with TypeScript. However, if you currently feel more comfortable in another tech stack, feel free to use your favorite technologies.
• Please invest a maximum of 4-6 hours. In that time it is probably not possible to solve the challenge completely. Feel free to focus on the area you are most interested in - frontend or backend?
• What really counts for us is to understand your approach than to have the code completely finished. What you couldn't finish, as well as any additional ideas, you can present to us in the upcoming code interview.
• Make your challenge results available to us via GitHub or similar, so that we can have a look at your code. Otherwise, you can pack a zip file and send it to us at [email protected].

What are we talking about - what is a ‚Phrasenschwein‘?

Do you know what a swear jar is? If so, then we don't have to explain much to you.

Normally, a ‚Phrasenschwein‘ is a small analog piggy bank. Every time a team member says a rather hackneyed phrase, sentence or joke, he has to throw a few coins into the piggy bank as a ‚punishment‘. Over time, a small amount of money is collected in the piggy bank.

Your task will be to develop a digital version of such a ‚Phrasenschwein‘ or in English also known as kind of a ‚Swear Jar‘ for our team.

Basic requirements of the LeanERA digital Phrasenschwein.

• There is an input field where I can enter a name.
• There is an input field where I can enter the amount of the penalty - e.g. Florian has to pay 5€ for saying something corny.
• This entered data has to be saved.
• There should be a public team overview /dashboard, where I can see who already had to pay how much penalty
• The penalty is listed as a total amount - e.g. Florian has already 50€ penalty payments in total. The individual penalty entries do not have to be listed one by one.
• If possible there is kind of a admin login where I can manage the penalties entries. So the admin can delete or edit the total sum of a team member.

Bonus points and busy bees

• We are happy especially about a good documentation, if possible also notes of your approach or previous considerations.
• If you have additonal ideas and enjoy the task, please feel free to add your own ‚Phrasenschwein‘ features.
• Our colleague Julia has provided you with our corporate design colors as well as a few graphics, which you are welcome to use.

Any questions?

Then please contact:

Aline Kniestedt at: [email protected]

You can use:

• Headline Font: Karla Bold
• Text Font: Karla Light
• Picture files are located in the github folder

#E69804	#FBB023	#FDD487	#FEE6B9
#208D9E	#2BBCD2	#9BDFE9	#E1F6F9
#5F5F5F	#7F7F7F	#C2C2C2	#EDEDED

Das Phrasenschwein

WAS ZUM... ?!

Wir freuen uns, dass Du Dich unserer Phrasenschwein-Challenge stellen möchtest! Ziel ist es, dass wir Dein aktuelles Coding-Level besser einschätzen und mit Dir gemeinsam über Deine Arbeits- und Herangehensweise sprechen können.

Vorab-Informationen – Keep calm and code on.

• Unser Team arbeitet mit TypeScript, daher wäre es natürlich schön, wenn Du die Aufgabe mit TypeScript löst. Wenn Du Dich aber in einem anderen Tech-Stack aktuell wohler fühlst, dann nutze gerne Deine favorisierten Technologien.
• Bitte investiere maximal 4-6 Stunden. In der Zeit ist es wahrscheinlich nicht möglich, die Challenge komplett und umfänglich zu lösen. Fokussiere Dich gerne auf den Bereich, der Dich besonders interessiert – Frontend oder Backend ?
• Uns ist es wichtiger, Deinen Ansatz und Herangehensweise nachvollziehen zu können, als dass der Code bereits komplett fertiggestellt sein muss. Das, was Du nicht beenden konntest, sowie weiterführende Gedanken kannst Du uns dann im Code Interview gerne vorstellen.
• Stelle uns Deine Challenge-Ergebnisse am besten via GitHub oder ähnlichem zur Verfügung, sodass wir Deinen Code einsehen können. Alternativ kannst Du uns auch eine Zip-Datei packen und an [email protected] senden.

Um was geht es – was ist ein Phrasenschwein?

Weißt Du, was ein Phrasenschwein ist? Wenn ja, dann müssen wir Dir gar nicht mehr so viel erklären.

Deine Aufgabe wird es sein, ein digitales Phrasenschwein für unser Team zu entwickeln.

Normalerweise ist ein Phrasenschwein ein kleines analoges Sparschwein. Jedes Mal, wenn ein Teammitglied eine ziemlich abgedroschene Phrase, Satz oder Witz sagt, muss er als „Strafe“ ein paar Münzen in das Phrasenschwein werfen. So sammelt sich dann über die Zeit ein kleines Sümmchen im Sparschwein.

Basic-Anforderungen des digitalen LeanERA-Phrasenschweins

• Es gibt ein Input-Feld, wo ich einen Namen eingeben kann.
• Es gibt ein Input-Feld, wo ich die Höhe der Strafe eingeben kann – also bspw. Florian muss 5€ zahlen.
• Diese Informationen sollen gespeichert werden können.
• Es soll eine öffentliche Team-Ansicht geben, wo ich sehe, wer bereits wieviel Strafe zahlen musste.
• Dabei ist die Strafe als Gesamtsumme aufgeführt. Also bspw. Florian hat insgesamt bereits 50€ Strafzahlungen. Die einzelnen Straf-Einträge müssen nicht einzeln aufgelistet werden.
• Im Idealfall gibt es einen Admin-Login, wo ich die Strafen verwalten kann, d.h. die Gesamtsumme eines Teammitglieds löschen oder editieren kann.

Bonus- und Fleißpunkte

• Wir freuen uns insbesondere über eine gute Doku, ggf. auch Aufzeichnungen zu Deiner Herangehensweise und Vorüberlegungen.
• Wenn Du weitere Ideen und Freude an der Aufgabe hast, dann ergänze gerne Deine zusätzlichen Phrasenschwein-Features.
• Unsere Kollegin Julia hat Dir unsere Corporate-Identity Farben sowie ein paar Phrasenschwein-Grafiken bereitgestellt, die Du gerne verwenden kannst.

Hast du noch Fragen?

Dann melde Dich gern bei:

Aline Kniestedt unter: [email protected]

Du kannst folgendes nutzen:

• Überschrift: Karla Bold
• Text: Karla Light
• Die Grafiken befinden sich im github Ordner

#E69804	#FBB023	#FDD487	#FEE6B9
#208D9E	#2BBCD2	#9BDFE9	#E1F6F9
#5F5F5F	#7F7F7F	#C2C2C2	#EDEDED