History Club Information Website

History Club Information Website Used AI

2 devlogs
12h 48m
•  Ship certified
Created by AamirA

This website is a resource to teach new members of our school's history club about an WW2 simulation event that we host periodically. The site, build in astro, also lets non programmers edit the site with it's pocketbase CMS and link to trigger a redeploy, which can be accessed by hovering your mouse on the very top left of the site. The transparent look is very modern and the site is super performant. Also, the 404 page is super pretty and powered by GSAP. AI was used to help me make the site look the way I wanted, but I still coded most of the site.

Timeline

Ship 1

1 payout of shell 74.0 shells

AamirA

29 days ago

AamirA Covers 2 devlogs and 12h 48m

This site is so pretty! Definitely the best looking websites I've ever made. And there are a ton of neat features too. I've very proud of my 12 second build times on vercel. And clicking between pages is almost instant. If you hover your mouse on the very top left of the website, you will see a link to pocketbase where you can edit the content of the pages, and another link to refresh the content. Clicking this triggers a redeploy on vercel and voila, website updated. I wanted it to be as easy as possible for non programmers to change the content of the website and I think I struck a great balance. Hope you enjoy!

Update attachment

This website is looking really good! I like the liquid glass aesthetic and I am trying something new hosting all the content in a self hosted pocketbase cms. The site is build with astro for super fast page loads (and builds!) and the site works on mobile. I haven't written any of the content yet (that won't be on wakatime) so the site is quite bare bones, but I think most of the functionality is there. Oh, and I forgot to mention the background image loading is super cool. It loads a low res image first for those quick page loads, then it loads in the high quality image in the background and then blurs it in. I really like how it turned out.