CODEON HACKATHON 2025
⏱ --:--:--
NATIONAL HACKATHON UGANDA 2025

Build Real Websites.
Win at the National Level.

Choose a project, write HTML & CSS, see your work live instantly — then submit for the judges. No experience needed to start.

Choose a Template → Open Editor
7
TEMPLATES
48h
TO BUILD
🥇
PRIZES
🇺🇬
NATIONWIDE

How It Works

Four steps from zero to submission — beginner friendly at every step.

STEP 01
📋

Pick a Template

Choose from 7 real-world project templates. Each has beginner-friendly starter code already written for you.

STEP 02
✏️

Edit the Code

Change headings, paragraphs, colors, and content. The editor highlights your code and shows errors.

STEP 03
👁️

Preview Live

Every change you make appears instantly in the preview below. What you see is what judges will see.

STEP 04
🚀

Submit Your Work

Enter your name and school, download your project file, and share it with the CODEON judges.

Choose Your Project

Click a card then click "Load into Editor" to begin

🙋
★ BEGINNER

Personal Website

Introduce yourself online. Great first project — add your name, bio, skills, and contact info.

HTMLCSSBEGINNER
🌱
★ BEGINNER

Agriculture Guide

Build a guide for Ugandan farmers with tips for maize, coffee, and bananas.

HTMLTABLESBEGINNER
🏥
★ BEGINNER

Community Health

Spread health awareness. Cover malaria prevention, clean water, and first aid tips.

HTMLLISTSBEGINNER
🏪
★★ INTERMEDIATE

Business Directory

Create a local business listing for your area with names, locations, and contacts.

HTMLCSSCARDS
📊
★★ INTERMEDIATE

Market Price Board

Display local market prices in a clean table. Very useful for communities in Uganda.

HTMLTABLESCSS
💚
★ BEGINNER

Mental Health Awareness

Build a page to reduce stigma and share support resources for mental health in Uganda.

HTMLLISTSBEGINNER
🦁
★★ INTERMEDIATE

Uganda Tourism Guide

Showcase Uganda's parks, waterfalls, culture and food to the world. Make Uganda shine!

HTMLCSSPHOTOS
YOUR PROGRESS
0%
Load a template to start tracking your edits
index.html — no template loaded
Ready
Lines: 0
Chars: 0
HTML Mixed UTF-8 CODEON Editor

📸 Add Images to Your Project

Upload images, then click "Copy Tag" on any image to paste an <img> tag into your editor.

🖼️
Click to upload or drag & drop images here
PNG, JPG, GIF, WebP supported · Multiple files OK

👁 Live Preview

codeon://your-project/index.html
READY TO COMPETE?

Submit Your Hackathon Project

Before you submit, make sure you've customized the content, tested on mobile view, and added at least one image if possible.

Template loaded
Code has been edited
At least one image added
Preview looks good