Amorce

The Amorce is an app project for a non-profit organization in Liège. They needed a way to organize their money on their only banc account, an alternative to an Microsoft Excel document. That's when our group of students at the HEPL in Web Development was called. It became our project, and we each had to do it on our own. A single page application that helps managing money on their account, and also what they call a "draw". Since it was made in french for a french-speaking client, I recommend reading the french version if you can understand it.

A page from the app "L'Amorce" that shows lorem-generated transactions, with a date and amount of money, filtered by fund, and with color indications. There are buttons for CSV files uploads and to add transactions, plus the total balance of the current fund. The logo of the app is a yellow Walrus.

Fully working app

As I already said, the Amorce had to be a Single Page Application, so I used LiveWire to build it. I worked with Tailwind for the CSS and style, mixed with Alpine for AJAX requests. The app logo was my idea, a wordplay about the Walrus, since it's called "Morse" in french, sounding like the app's name. It's a wordplay they've done themselves.

A login page, with the Amorce logo

Transactions

There are many options available for the transactions creation (and maybe a little too much): You can create one, select if it's a transfer, a donation, or a draw, tell where it is and from where to where it is transfered, add a comment, and even directly select a donator if it's a donation!
You could also import the CSV document from the bank, so you don't have to encode every transaction and donation manually, and edit any transaction if there's any mistake.
There's a lot of validation behind the transactions, avoiding any nonsense in there. And just so you know, the donations are all anonymous, and there's no way to tell which donation belongs to which donator. That was a demand from the client.

The "Draws"

The draw is a pretty complicated concept. I'll explain it in the next image, since the donators-related content is on the draws edit.
Things you can do when you create a draw is giving it a name, a date, and attach projects to it. Of course, there's validation behind this too

Donators in the draws

So here's how the "draw" works: It's something that picks 3 donators that have donated the last 3 month, plus 3 donators that were picked and accepted the month before, and 3 more from the month before that. Which means a donator who agrees to participate to a draw should participate to the 2 following draws, if they can. Then, they can't participate to a draw for at least 1 month.
I made an auto-picker that only adds donators following these rules to the list, and they can be re-rolled if they decline.

Back to the projects