Match Colours

01 / problem

A small game to practise a real app structure

Match Colours was built for fun and learning: a simple idea with enough state (sequences, levels, scores) to practise structuring a Nuxt application.

02 / solution

Remember the sequence, repeat it in order

Players are shown a sequence of colours and click them back in the same order to advance. Later levels bring more challenging sequences, scores are tracked between attempts and the layout is responsive.

• [screenshot 1]

  [caption]

• [screenshot 2]

  [caption]

03 / architecture

How it works

A Nuxt 3 and Vue 3 application made of pages, components, composables, stores and server routes, deployed on Vercel.

04 / results

Outcome

05 / lessons

What I learned

• Putting state in stores and reusable logic in composables keeps the pages thin.
• A game this small still benefits from tests; later projects such as PerplexImage add Vitest and Playwright coverage.