South African Heritage Website 🇿🇦

A comprehensive website showcasing the rich cultural heritage of South Africa, featuring historical sites, cultural traditions, and significant landmarks.

Project Structure

├── backend/
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React app
│   │   ├── Heritage.tsx     # Heritage site component
│   │   └── Navigation.tsx   # Navigation component
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

Features

Interactive heritage site showcase
Detailed descriptions of cultural landmarks
AI-generated images for visual appeal
Responsive design with TailwindCSS
Categories: Historical Sites, Cultural Traditions, Natural Heritage

Tech Stack

Backend: Hono (TypeScript)
Frontend: React 18.2.0 with TypeScript
Styling: TailwindCSS
Images: AI-generated via Val Town image service

Getting Started

The main HTTP endpoint is in backend/index.ts. Visit the website to explore South Africa's rich heritage!