Kazou Inventory banner

Kazou Inventory

4 devlogs
3h 47m 43s

I am creating an inventory system for Kazou, a big organisation for summer camps, where I myself am a couselor. This is done purely for free, out of love for our work and for educational purposes.

This organisation naturally has a lot of stuff to keep track of, with up to 8 camps running simultaneously in our bussiest time of the summer. I want to get rid of the excel sheets used for this, and create a centralised system with a website where anyone who has to can make changes.

sam.vandenabeele.09

I have created a mock server. This way I can test everything without needing to spin up my backend every single time, and I can clearly see if something is a backend or frontend problem.

I did this using MSW, and it connects natively in my frontend, so I don’t even have to spin up a mock server. It’ll just look in the environment variable to see if I’m running dev or prod, and based on that the mock will intercept it or not.

Attachment
0
sam.vandenabeele.09

I have added some more styling (I don’t rely on chatgpt/google anymore for that :), jippie!). I have also revised my way of authorisation in favor of React’s native AuthContext, instead of passing around useState variables to everywhere which was super messy and led to unreadable code.

Attachment
0
sam.vandenabeele.09

I have added tailwind to the website, and have styled most of it. Tailwind is really nice, but the code gets bloated fast, it surely doesn’t increase readability.

Attachment
0
sam.vandenabeele.09

I have created a good(?) README.md file that explains the project etc. I will now try to use tailwind to make the website beautiful, or at least usable.

NOTE: I started this project before I entered in hack club. This means that it’s already done for a big part. Unfortunatly without the time tracking, so no coockies :(.

Attachment
0