Growth Horizon
A student blog rebuilt with clearer navigation, responsive layouts, and a searchable story library while retaining its original group-project roots.
Frontend modernization of a high school group blog, preserving the original student writing and contributor credits.
Actual modernized website screenshots from the public repository. The essays are student group contributions; original writer credits remain on the site.
The challenge
An older school blog had accumulated duplicated styles and dated dependencies. It needed a coherent reading experience without adding the overhead of a full publishing platform.
What I built
- A homepage with a featured essay and a story library searchable by topic, author, or title.
- Category filters, useful empty results, article reading progress, and a contributor page.
- Shared styling, semantic navigation, keyboard focus, a skip link, and a mobile menu with Escape support.
Key implementation decisions
Use the platform’s simplest tools
The rebuild uses HTML, CSS, and vanilla JavaScript, removing old Bootstrap and jQuery dependencies without adding a framework or backend.
Preserve the people behind the writing
The site keeps its school-project context and the original contributor credits. My portfolio contribution is the frontend modernization, not authorship of every essay.
The result
A published static blog with a more usable library and consistent article layouts, deployable without a database, CMS, or build pipeline.