Context
Genesis presents translations as a visual library and lets readers move into a book, chapter, or search view. These screenshots were captured from the private source project running locally.
The problem
Long-form reading tools can become dense before the reader reaches the text. The project needed calm navigation across versions and books, with search close at hand.
How we approached it
We built a Next.js interface around distinctive translation covers and a lightweight reading path. Version, book, and chapter screens organize the large text library without a traditional dashboard.
What shipped
- Translation library and illustrated covers
- Book and chapter navigation
- Search interface
- Responsive reading UI
Outcomes
- A browsable prototype that makes multiple Bible versions easy to distinguish
- A direct route from version selection to chapters and reading
Stack
- Next.js
- React
- TypeScript
- Tailwind CSS