Back to projects
Web Development
MCTF 5.0
The official website for Micro Club's 5th Capture The Flag competition at USTHB. I built several of the animated marketing sections and the full competition leaderboard.
- Role
- Front-end developer
- Period
- March – April 2026
- Context
- Micro Club event, team project
Overview
MCTF is the Capture The Flag competition Micro Club runs at USTHB, and its fifth edition needed a site to promote the event and show the results. I was one of the developers on the club's team: I built the header and navigation, several of the animated sections of the landing page, and the whole leaderboard.
What I built
- The header and navigation, including the logic that highlights whichever section you are reading.
- The about section, built on a bento grid with a text-decryption effect and animated grid lines.
- The social proof section, the Q&A section and the footer.
- The leaderboard page: a podium for the top three, then ranked tables for teams and for individual players, with a countdown to the end of the competition.
Tech stack
TypeScriptReactNext.jsTailwind CSSFramer MotionGSAP
Want something like this built?
Tell me what you have in mind, even if it is still a rough idea.
Get in touch