Technology
I enjoy finding out how websites, apps, and the tools behind them work.
01 / About me
Curious about how things work.
Hi, I'm Yusef, a Year 9 student with a strong interest in technology, programming, gaming, and soccer. Outside of school, I enjoy gaming and playing soccer for a club.
I'm interested in programming because I have access to great tools and enjoy learning how technology works. I want to keep building my knowledge because technology is the future, and I believe there is no better time to start learning than now.
I'm also inspired by engineering and architecture, and I would like to explore a career in one of those areas — or in software development — in the future.
Learning in practice
Independent School
A short look at the practical skills I'm building through my projects.
- Coding
- Building small games and web apps, then testing how they work.
- Design & presenting
- Using Canva for project presentations and organising my work on this portfolio.
- Next up
- Pick one small project to improve and write a short note on what changed and why.
More than code
What keeps me curious.
The things I enjoy outside a project often give me new ideas for what to make next.
Games
Gaming inspired me to start experimenting with simple games of my own.
Soccer & music
Outside of technology, I enjoy soccer, gaming, and some music.
02 / Skills & tools
What I'm learning.
These are areas I've explored so far. I'm still learning, and each project helps me improve.
01Explored
Scratch
An early introduction to programming and making simple games
02Explored
Robotics
Very basic hands-on projects from when I was younger
03Explored
Python
Previously used to make simple games and practise logic
04Explored
JavaScript
Previously used for website work and small projects
05Current focus
Cursor
Currently using it to experiment with local games and web apps
06Building now
Web Development
Working on a functional website alongside my Cursor projects
07Explored
Roblox Studio
Used to create Roblox games and explore game-making tools
08Explored
Canva
Used for visual design work and project presentations
03 / How I learn
A practical way of learning.
I'm still at the beginning, so I focus on making progress through small experiments and real projects.
Start small
Big ideas become easier when I break them into small projects and steps.
Learn by building
Trying games, websites, and web apps helps me understand how code works.
Keep exploring
I like using new tools and staying curious about where technology can lead.
04 / Things I've made
Small projects. Real learning.
From early Scratch and robotics, to Python and JavaScript, to the Cursor and website projects I'm working on now.
Early start / 01Explored
Robotics & Scratch01
Robotics & Scratch
When I was younger, I started with very basic, small robotics activities and Scratch games. They introduced me to programming and problem-solving.
- Started with simple beginner projects
- Practised logical thinking
What I learned
Breaking big ideas into small steps and instructions.
RoboticsScratch
Exploring code / 02Explored
Python & JavaScript02
Python Games & JavaScript Website Work
After that, I made simple Python games and used JavaScript while working on websites, learning how code can create both interactive games and useful web pages.
- Explored game logic with Python
- Used JavaScript for website work
What I learned
Game logic, website basics, and problem-solving through code.
PythonJavaScriptWeb Development
Current chapter / 03In progress
Cursor & web apps03
Cursor Games & Web Apps
I now use Cursor to build small games and web apps that run locally. This began at the same time as my website project, and I am still practising.
- Building local web apps
- Testing game ideas as I learn
What I learned
How to use modern tools to turn game and web-app ideas into working local projects.
CursorWeb AppsLocal Development
Current chapter / 04Completed
JavaScript & web04
Website Project
This portfolio is a working website project built alongside my Cursor projects. It gave me hands-on experience turning my interests and project ideas into a clear, usable site.
- Organised my projects into one website
- Worked with a modern web-development setup
What I learned
How a website comes together from an idea to a responsive, usable page.
Next.jsTypeScriptTailwind CSS
05 / Personal project library
More ideas I've built for myself.
These are personal local projects made for practice and enjoyment. I keep making them more detailed and challenging as I learn.
01
WebsiteCompleted
This Portfolio Website
A responsive portfolio website that brings together my learning journey, personal projects, skills, and future interests.
Next.jsTypeScriptTailwind CSS
02
WebsiteIn progress
Website Studio — Internal Prototype
A private prototype for organising a small website-service workflow, with internal quality checks and sandbox-only payment configuration.
Website systemsQAStripe sandbox
Read build notes →03
GamePrototype
Tower Defence Game
An in-progress strategy-game prototype built around towers, waves, and increasingly difficult decisions.
CursorStrategy
04
GamePractice project
Typing Speed Game
A practice game focused on typing speed, accuracy, and improving through repeated attempts.
CursorPractice
05
GamePractice project
Idle Clicker Game
A personal idle/clicker-style experiment inspired by progression games such as Cookie Clicker.
CursorProgression
06
Web appPractice project
Excuse Generator
A light web-app experiment that generates excuses from a simple idea.
CursorWeb app
07
GamePrototype
Multiplayer Arena Game
An Agar.io-style prototype made to explore real-time multiplayer game interactions.
CursorMultiplayer
08
Web appPrototype
Niche Calculator Hub
An experimental collection of focused calculators gathered into one web-app hub.
CursorUtilities
09
GameEarly prototype
Online Card Game
An early multiplayer card-game prototype that still needs more gameplay and visual development.
CursorMultiplayer
10
Web appCompleted
Daily Challenge Portal
Two deterministic daily challenges with local progress, streaks, statistics, and shareable result cards.
JavaScriptGames
11
ToolPractice project
CLI Productivity Toolbox
A command-line toolbox experiment for small productivity tasks.
CursorCLI
12
Web appPrototype
Personal Dashboard
A local-first dashboard prototype that brings several useful personal widgets into one place.
CursorDashboard
06 / Learning journey
One step at a time.
Earlier
Robotics & Scratch
My first, very basic experiences with coding, logical thinking, and creating games.
Next
Python & JavaScript
Made simple Python games and used JavaScript while exploring website work.
Now
Cursor, web apps & website work
Building small local games and web apps with Cursor alongside website projects.
Next up
More projects
Planning to keep learning, improve selected projects, and share work on GitHub when it is ready.
Still being written07 / Looking ahead
Future directions I'm excited to explore.
Software & AI
I like seeing how AI can help turn an idea into a working website or app quickly. I want to keep learning how the tools and code behind that work.
Construction law
A career path I may explore because it combines law, reasoning, communication, and construction.
Engineering & architecture
I am still figuring out which parts interest me most, but I would like to learn more about design, planning, and building.
08 / Follow the progress
More work is on the way.
I'm building a carefully selected collection of projects. GitHub is where I'll share work after it has been reviewed and polished.