Story Timeline Web App for a Community Initiative
A seaside-town tourism / community app
Overview
A lightweight React web app presenting a chronological, timeline-style narrative for a community/transport initiative (“life in the minibus”) tied to the seaside-town product family. It is a focused single-page storytelling site.
Why It Exists
The community wanted a simple, shareable web page to tell a story over time, events and updates laid out as a vertical timeline, separate from the main app and API.
What We Built
A Create-React-App single-page app using React Router for navigation, the Bulma CSS framework (react-bulma-components) for styling, react-vertical-timeline- component for the chronological layout, react-timeago for relative timestamps, Moment for dates, and Axios for data fetching. It is intentionally small and content-focused.
Technologies & Approach
React on Create React App with Bulma for a clean, responsive look and dedicated timeline/timeago components for the narrative presentation. The minimal stack matched a single-purpose marketing/storytelling page.
Outcome / Impact
Provided a self-contained, presentable web companion within the town’s product family, showcasing quick delivery of a polished content-driven SPA.
Capabilities Demonstrated
- Building focused content/storytelling SPAs in React
- Timeline-based UX with vertical-timeline and timeago components
- Responsive styling with the Bulma framework
- Fast delivery of a single-purpose marketing web page