Skip to content

Haushaltplan

Latest
Compare
Choose a tag to compare
@janetschel janetschel released this 09 Apr 07:16
· 31 commits to master since this release
7b95201

Haushaltsplan-Features

Heads-up: The frontend is written in German since I am from Germany. I created this app for me and my flatmate.
German first appears on the frontend when the user can interact with a component. The logic and all backend-stuff is written in english.

Overview

After a successful login with the matching credentials the user is presented an overview of the tasks which are to be completed in the current week. The application will autoscroll to the current day to give the user a quick overlook of the tasks due today.
The user is also shown that he is logged in (in the top right corner). Clicking this message will log out the user and redirect to the login page.

Bildschirmfoto 2020-04-09 um 08 49 07

Adding a new task

A user can simply add a task by pressing the button 'Create task' (in german obviously). The user will then be shown a dialog to create a new task: the title can be set however liked, a day can be picked from a dropdown menu and a person in charge can be selected.
To create the task simply click on 'Create task' button shown on the dialog

Bildschirmfoto 2020-04-09 um 08 38 15

If the user decides to click abort though, nothing is created and he is prompted with the overview again.

Edit an existing task

To edit an existing task simply click on the hamburger menu icon shown on each task

gif

Bildschirmfoto 2020-04-09 um 08 54 17

Using this dialog the task can be deleted forever and moved two days into the future an. Adding to that the user can edit the fields 'due on' and select a user to do this task.

If the task is moved two days into the future it will be removed if the task is already completed, otherwise it will stay

Clicking on 'save changes' will save the changes for this task and exit the dialog

Complete a task

If a task is completed it can be updated in the overview by simply clicking on the slider on a task

gif

To let the user know a task is completed, it will change color from red to green once completed and change the slider to a completed position.
Clicking that slider again will yield in a task which is not completed

Summary

The project is meant to simplify living together in an apartment.
It is work in progess since I have more than enough ideas to implement

It is accessible via https://www.haushaltsplan.herokuapp.com or locally if you clone the project. Keep in mind that you have to fill out required secrets and make it run on your environment by yourself.
If you do not have a valid user to access the site there is not much you can do on the deployment (you can do nothing)
If there are any questions regarding the setup process contact me.

Shields

Heroku App Status