Create a place to explore
The website presents local heritage through a visual discovery experience.
Case study / 03 — Culture · H12 Hackathon
Sbiba Heritage.
An interactive way to discover, explore, and preserve Tunisia’s local heritage.
The starting point
Project overview
A hackathon project that presents the heritage of Sbiba, Tunisia as an interactive website, combining historical content with 3D scenes and motion so visitors can explore sites and artifacts from any device.
The context
Sbiba Heritage explores how a digital experience can make local culture and history easier to discover. It brings a tourism and preservation theme into an interactive website.
Ownership
My contribution
Built as a two-person team during the hackathon. I worked on the Next.js application, the interface components, and the 3D and motion work. Update this line with the parts you owned.
From problem to product
The approach
Bring interaction into the story
The project combines web interfaces with motion and 3D tools.
Under the surface
Technical building blocks
Application
Next.js · TypeScript
The foundation of the heritage website.
Interface
Tailwind CSS · Shadcn UI
The visual system and interface components.
Interaction
Three.js · Framer Motion
Tools for the project’s 3D and motion work.
A closer look
In the product
01 / 06
What it brings together
Project highlights
- Visual discovery of local heritage sites and artifacts
- 3D scenes built with Three.js and page transitions with Framer Motion
- Content structured to support both tourism and digital preservation
- Responsive interface built with Shadcn UI and Tailwind CSS
Keep exploring / Next project
TigerGym
Business platform