Donation Website Used AI
A donation website for a journey I'm making with a group to South Africa to help children there, built with Astro, React and Tailwind CSS.
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Deployed!
Took a long time as well, I tried Vercel and Netlify first but they selected files they needed too aggresively and didn't work with my i18n setup. Having spent a lot of time on that, I decided to go with Hack Club's Nest. Had no experience with that, but after a lot of research made it! And now it's running happily on Nest's server. You can find it at donate.mart.hackclub.app. With the shells I'll be getting I'll buy a custom domain! :)
Here's a new fun update: i18n works now! This means for my English-speaking fellas you can view the site and know what it actually says.
By the way, yeah. This took me really long. This is because I wanted to use a library for i18n which - the last commit was 2 years ago. Biggest mistake ever. Used another library, 1 year ago but the functionality was mediocre. Went with that in the end because I just wanted to be done with it.
In the end, I would literally be faster writing the l10n middleware myself. Saw a Medium article about that. But thought, hey, libraries exist too. I'mma use them. Dumbest thing I could've thought.
Today, I want to share some progress I've made along the way.
The project all started when I signed up for a journey with some 30 people from my school to go to the municipality of Kgetlengrivier, South Africa. The idea: help people to repair their shacks in the townships, build new schools and do activities with the children there.
Since I like coding but would like to do it more often, I now got an excuse to make a website. So I set off. It took me a while to discover the best tech stack. The most logical would be to do it with Svelte 5 and Typescript, however it might not be needed to use such heavy artillery (even though it's probably the lightest to write an actual web app with). I also wanted to discover something new, so in the end went with Astro. For the rest I used Tailwind CSS and Shadcn/ui for the components.
First, I designed in Penpot, then I started building. Piece by piece. At the time of writing, just the frontend (in Dutch, i18n coming very, very soon!) is finished which you can see on the demo.
Thanks for checking this project out and I hope with all my heart that you like it!