Skip to main content

Command Palette

Search for a command to run...

February Code Challenge: 28 Websites in 28 Days

Updated
2 min read
February Code Challenge:  28 Websites in 28 Days
C

I enjoy web development, creating unique projects, and devouring books. Follow me on my dev journey!

(Scroll to the bottom to see my updates on this challenge!)

About the Challenge

Hey everyone!

Recently I've decided to give myself a Code Challenge every month (for the remainder of 2023) to stretch my skills and have a bit of fun. This February, I'll be making 28 websites for my first challenge! 🤯

I'm a little apprehensive (okay, actually more than a little) since I don't usually code seven days a week, which means I may have to double up on some days to fully complete this challenge.

Here are a few ideas I have of simple websites I could make for this challenge:

  • websites for people

  • revamping UI for "ugly" websites

  • landing pages selling nonexistent products

  • fanpages?

  • ...

(Due to time constraints, these websites will be relatively simple, with perhaps only 1-3 pages.)

I'll be updating my progress on this post periodically as I work through the challenge. Wish me luck!

Cheers,

Catherine

Updates

Day 4: Favorite Quotes Website

Tools: Astro, TailwindCSS, Pocketbase

For Day 4 of this challenge, I built a quick website of my favorite quotes (with a theme inspired by Tumblr). I self-hosted Pocketbase for my backend and deployed my frontend with Vercel.


Day 3: Spy School Website

Tools: Astro, TailwindCSS

I've always wanted to become a secret agent, so I created a simple landing page for an imaginary spy school. =)

This is one project I'd love to continue in the future though, especially since I see so much potential for teaching important lessons through this kind of theme.


Day 2: Embassy University (UI Revamps)

Tools: Astro, TailwindCSS

Today I finally got to revamp an old website I’ve been eyeing for sometime: Embassy University! I know I could’ve done a better job with the UI, but at least it looks better than the original. 😅

(Disclaimer: I am not in any way affiliated with this site, nor does me making a different version of their homepage indicate my endorsement of their beliefs and values. 🙃)


Day 1: The Adventures of Tom Sawyer (PD Books)

Tools: Astro, ReactJS, Pocketbase, TailwindCSS

This first site is a website with custom annotations to bring public domain books to life! I was only able to get the preface of The Adventures of Tom Sawyer complete, but you can bet I’ll return to this project later to add more chapters.

Deciding how I wanted to display annotations was the most difficult part, but after I completed that, I finished the project quickly.

More from this blog

C

cathzchen

11 posts

I enjoy web development, creating unique projects, and devouring books. Follow me on my dev journey!