Skip to main content
StackRoleYearStatus
React 19.1.1, Tailwind CSS, PWA, React IconsFull-Stack Developer2024Live
Rasoha Academy - School Website Architecture Diagram - Hero Preview by Ancel Ajanga.

Rasoha Academy - School Website

A modern, responsive website for a private school in Kenya

Rasoha Academy - School Website — A modern, responsive website for a private school in Kenya is a technical case study on ancel.co.ke documenting architecture, trade-offs and outcomes. To give the school one reliable, fast site that works even on slow connections, I built a React PWA with clear structure and offline fallbacks. Ancel Ajanga wrote this case study from hands-on delivery experience in Kenya.

Written by Ancel AjangaLead Software Engineer & Head of IT
Full-Stack Developer
1 month (2024)
Live
React 19.1.1
Tailwind CSS
PWA
React Icons
View full tech stack

A modern, responsive website for a private school in Narok, Kenya, providing comprehensive information about programs, events and resources for students and parents.

The Problem

The school needed a professional online presence to showcase their programs and provide information to students and parents.

To give the school one reliable, fast site that works even on slow connections, I built a React PWA with clear structure and offline fallbacks.

The Solution

I built a comprehensive React website with PWA capabilities, featuring school information, events, photo galleries and contact details.

Key Technical Terms

  • PWA (Progressive Web App):Rasoha Academy's site can be installed and used offline so parents and students in low-connectivity areas can still access key info; that supports the goal of reliable access for the community.
  • SEO optimization:Meta tags, structure and performance are tuned so the school appears in local and program-related search; that supports the goal of discoverability for prospective families.
  • Responsive and accessible design:Layout and components work across devices and respect accessibility so all visitors can use the site; that supports the goal of an inclusive school presence.

The Impact

The school now has a professional online presence that effectively communicates with students, parents and the community.

95+

Lighthouse performance score

98/100

WCAG compliance score

Outcomes

  • Professional school website
  • Excellent mobile experience
  • Fast loading times
  • SEO-optimized content

Failure Modes & Resilience

Offline or slow network: the service worker serves cached pages so key info remains available. Image or asset failure: we use fallbacks and alt text so the page does not break. Form or contact failure: we show clear errors and retry options so the school does not lose leads.

Outcome & Future Potential

The school now has a professional online presence that effectively communicates with students, parents and the community.

95+

Performance

Lighthouse performance score

98/100

Accessibility

WCAG compliance score

Project Gallery

Rasoha Academy - School Website Architecture Diagram - Gallery Image 1 by Ancel Ajanga.