croozefm v2

So, you know Crooze FM, right? I mean, Western Uganda’s Biggest Radio Station—and my personal favorite. Well, I decided to give their website a glow-up, but just for kicks because they didn’t actually ask me to. This isn’t the real deal; it’s like if Barbie made a website for Ken, but with less pink and more…

• Timeline: Started Dec 2023
• Technologies: HTML5, CSS3, Bootstrap, JavaScript, Canva

Features 🧩

I aimed to make a modern site with live radio streaming, real-time show updates, and presenter profiles. In the future, I plan to add interactive features for a complete experience.

• Live Stream Player: Because who doesn’t want to listen to static beautifully?
• Real-time Updates: Because everyone needs to know when DJ Stinger is on air ASAP.
• Responsive Design: It looks pretty on your phone, tablet, or that old computer in your basement.
• Gallery: Of presenters who might or might not exist in this alternate universe.

Design and Structure 🧰

Here’s how I laid it out:

croozefm-v2
├── static pages
│   ├── home (SPA)
│   ├── profiles
│   └── signature-shows
├── components
│   ├── stream-player
│   ├── show-schedule
│   └── gallery
└── features
    ├── real-time-updates
    ├── dynamic-content
    └── responsive-images

I plan to refactor the project using Astro or Next.js to leverage modern SSR capabilities for faster load times.

Visual Design 🎨

I created the site’s look using Canva, and might’ve borrowed some images from Crooze FM’s X posts. It’s like if you decorated your room with posters from a magazine, but cooler.

Future Plans 🚀

• Maybe switch to Next.js or Astro: For reasons I’ll Google later.
• Move to Tailwind CSS
• Add a news section, social media feed, and a content management system (CMS)
• Improve site features with live chat, analytics, and live stats

Skills Gained 💪

1. Frontend Development;
2. UI/UX Design;
3. Performance Optimization;
4. Visual Design (Using Canva like a pro, or at least, a semi-pro);
5. Content Strategy;

This project helped me improve my skills in building responsive, user-friendly websites. I’m excited to keep enhancing it with new features and to apply what I’ve learned in future stuff.

Live Demo 🌐

Check out this masterpiece of non-commercial web design at croozefm.geltaverse.com.

If you’re into this kind of endeavor or just want to chat about nothing in particular, email me at hello@geltaverse.com.

Disclaimer: This project is as real as a unicorn radio DJ. No actual Crooze FM employees were involved or even aware of this project. Thanks!