New Card Design - DevDiary #2

Last week I didn't spend as much time as I hoped to spend on developing the voluntary work search platform. The reason was mostly that I was done with other things by 16. At 16 o'clock I couldn't sum up the energy to start something new. Maybe I should change my plans so that I always start working on the project at 14 o'clock. As soon as I start working on it, I will get motivated to solve the next and the challenge after that until it is 18 or even 20 o'clock.
Despite that, I managed to change the card's design as agreed with David and I changed the impact areas, for categorisation of organisations, to what David figured out would make sense.

The chips on the top are the impact areas. Before that change there were six, now there are ten. Maybe it is time to change the user interface. I could put the selector on the side. Then I would probably not use chips but checkboxes. I will speak about that with David. If I make the change, I will only make it for desktop users. The smartphone view looks nice with chips.

That is like a card looks like right now. The images have a limited size. If an image doesn't fit, it will be cut. We have to test out which formats look good in which view. The image size depends on the size of the browser window. The name of the organisation is now displayed on the image. It is possible to have two names e.g. one short and one long name. The second name will be smaller in grey and the first name will be in white and bigger on the image.
Instead of the description, the clubs can have a slogan. I wanted to talk to David making it alternatively a short description. As in the previous version, there are the buttons to get to the organisation's website, write them a mail and the chips of the impact areas they are acting in.  To know more about the organisation people can click on an arrow to open more information. Here the clubs have answered three questions: What is the goal of the organisation? What are they doing (to reach the goal)? And how you can contribute (to the gaol)?
The is still one problem left, that I just can't solve: When there are multiple cards under each other and one is opened (the three questions are shown), then the card under it, of course, gets further down to make space, but so is the whole column under the card, which doesn't look very nice and flexible. I don't know how to solve that yet and there are other more important details, but there will be a time when I will face this detail.

The information of the cards have changed, so must, of course, the form to edit the information for the card. The form now looks like this.

That is what I did last week on the project. Next week I want to do more. Here is a list:

1. Add form validation 
2. catch errors during login so that the web app doesn't crash
3. Add Notification so the user gets more feedback about success and errors
4. Add a cancel button to the card form, so you can cancel the editing process + notification: "Doi you really want to do this?"
5. change the account-system, so that not everybody can register

Let's see next week what I will manage to do of that. Have a great week!