Express yourself: Make a mood board webpage in your Code Club

Our ‘Mood board’ project, from the Introduction to web design path, helps young people turn their inspiration into a mood board webpage, filled with colours, images, and fonts they’ve carefully selected.

Kevin, Club Programs Manager, USA, explains why ‘Mood board’ is a great creative outlet for your club members and why a mood board webpage is a fun way for young people to share their interests and creativity with the world in the 2024 Coolest Projects online showcase.

Hi Kevin! Can you share one of your favourite Code Club projects with us?

Oh yes! I’ve had so much fun coding through our ‘Mood board’ project, a design project in our ‘Introduction to web: HTML, CSS, and animations’ project path. 

If you’re not sure what a mood board is, think of it as a visual noticeboard, where you can gather images, colours, ideas — anything that sparks inspiration! 

I chose this project because creating a physical mood board can be overwhelming with the different materials they require. But this project centralises all the materials into one place, so I have unlimited options for what I can create! 

Alongside the creative elements of this project, it’s a great introduction for coders to learn how to structure and style webpages. As HTML and CSS are relatively easy to pick up, it gives young people quick successes to celebrate! 

 Who do you think this project is suitable for?

HTML and CSS are fantastic ways to introduce young coders to web development. This project provides immediate visual feedback as coders can change colours, add images, and play with fonts. 

If you have coders who love to map out their steps to success before getting started, ‘Mood board’ is the perfect project for them! Sometimes you have to visualise your goals before you can see the steps to take to achieve them, and this project will teach them how to do just that! 

What skills will young people learn from completing ‘Mood board’?  

This project encourages young people to explore creative self-expression. I found it helped me gain a clearer picture of how I like to share my creativity with others.

Not only did it help me feel more comfortable making design choices, but also helped me to organise my thoughts so that I could truly see how I might go about completing a goal or sharing a topic that matters to me. 

What are the development/remix opportunities?  

I love expressing myself with unique fonts and colours! I’d encourage coders to create their own custom fonts and colours for a truly one-of-a-kind mood board webpage. 

Once they have completed their mood board, I’d support young coders to present their mood board to their peers and ask for feedback. They could also set their peers a challenge to create their own! 

How can young people use the ‘Mood board’ project to enter Coolest Projects? 

If a young coder has an idea for solving a problem in their community or a passion they want to share with the world, they can enter their mood board into Coolest Projects. 

Thank you, Kevin! 

Encourage your club members to develop their skills with ‘Mood board’! They can show off their work by submitting it to the Coolest Projects showcase and celebrate their achievements with young coders around the world!

Young people have until 22 May to submit their creations to Coolest Projects. If you need further support, check out the resources for mentors webpage. Make sure you share your progress on X using the hashtag #CoolestProjects.