Tired of
coding tutorials?

Practise what you know.
Grow from there.

Beautiful, realistic web development projects, for coders at every stage of their learning journey.

Prepare for the real world

professional design software
Code with professional designs

Follow high-fidelity designs and a design system in Figma to create pixel-perfect websites like a pro.

using Git and other best practices
Learn industry best practices

Whether it's following an Agile approach or incorporating Git into your workflow, we'll help you prepare for what it's like to work in a professional tech team.

asking for help and getting support from the community
Get help when you need it

Get a personalised code review from an experienced developer or reach out to the CodeCaravan community on Discord for help if you get stuck.

an impressive portfolio of websites
Build a portfolio and attract employers

CodeCaravan projects are designed to make you stand out. Let the world see what you're capable of and be noticed by recruiters.


This project has something for everyone, and with its popular design it is sure to make you stand out from the crowd. Don't be shy, give it a whirl!


Starting soon
CSSJSAPIReactAnimationsLottie JS

Build this cool Japanese design-inspired app and practise:

  • _

    Making a responsive web app with animated icons using Lottie JS

  • _

    Capturing user input and using that information dynamically to fetch data from an API

  • _

    Using Git to commit your code and hook it up to deploy automatically each time you push to Github

See all projects
Polish your skills,grow your portfolio,and push your limits.

Join us

Build realistic, professional projects that are right for your level, and watch your confidence grow. We've been through this, we know practice and support is the key - jump aboard CodeCaravan today and grow from here.

It's free to join!

By signing up you agree to receiving occasional emails from CodeCaravan about new projects and learning opportunities.