Discover the real decisions, setbacks, and turning points behind exceptional people.
Orivan is an editorial discovery platform built around carefully curated journeys of founders, scientists, designers, athletes, writers, artists, and creators.
Instead of celebrating success, Orivan explores the path behind it—early decisions, failures, experiments, and the lessons that shaped remarkable people.
This isn't a quotes website or a collection of motivational snippets. It is a calm, editorial reading experience designed for people who want to understand how exceptional work actually gets built.
Most biographies celebrate success.
Orivan studies the journey.
Instead of collecting achievements, Orivan maps the decisions, failures, experiments, and turning points that shaped extraordinary people.
The goal is to help readers recognize patterns they can apply to their own careers and lives.
For the MVP, I intentionally kept all content static instead of introducing a backend.
This reduced complexity, improved loading performance, and allowed me to focus on validating the reading experience before building content management features.
Most learning platforms optimize for completion.
Orivan optimizes for attention.
The product is built around three simple principles.
Every profile is a structured timeline of milestones, failures, decisions, and lessons.
Collections, related journeys, videos, and the Question Explorer help readers discover ideas they didn't know to search for.
No motivational fluff.
No generic summaries.
Every page is written in a calm editorial voice focused on clarity and depth.
- Curated editorial journeys
- Interactive Question Explorer
- Editorial Collections
- Community Stories
- Curated YouTube learning library
- Full-text search
- Continue Exploring recommendations
- Responsive design
- Accessibility-first
- SEO optimized
- Server-side rendering (SSR)
- Curated journeys across founders, scientists, designers, writers, athletes, artists, and creators
- Interactive Question Explorer
- Editorial Collections organized by themes
- Growing collection of Community Stories
- Curated YouTube videos for every journey
- Full-text search across people, stories, collections, and videos
- Continue Exploring recommendations
- Responsive UI
- Keyboard accessibility
- Structured metadata and rich SEO
Add screenshots before publishing.
docs/
└── screenshots/
├── home.png
├── journey.png
├── collection.png
└── search.png
Example:
| Category | Technology |
|---|---|
| Framework | TanStack Start (React 19 + SSR) |
| Language | TypeScript |
| Bundler | Vite 7 |
| Routing | TanStack Router |
| Styling | Tailwind CSS v4 |
| UI | shadcn/ui + Radix UI |
| Forms | React Hook Form |
| Validation | Zod |
| Icons | Lucide React |
| Data Fetching | TanStack Query |
| Runtime | Cloudflare Workers |
| Package Manager | Bun |
Orivan is optimized for speed and readability.
- Optimized WebP images
- Lazy-loaded below-the-fold sections
- Responsive image loading
- Route-level code splitting
- Server-side rendering
- Edge deployment
- Optimized metadata
- Fast initial render
- Minimal layout shift
Users can search across:
- People
- Stories
- Collections
- Videos
Instead of simply returning names, Orivan encourages discovery through related journeys and connected ideas.
Built with modern SEO best practices.
- Server-side rendering
- Open Graph metadata
- Twitter Cards
- Canonical URLs
- robots.txt
- sitemap.xml
- JSON-LD structured data
- Social sharing images
Orivan follows a quiet editorial design language inspired by premium reading experiences.
Core principles:
- Typography before decoration
- Calm interactions
- Fast loading
- Minimal distractions
- Human-centered storytelling
- Accessibility by default
Orivan is a static-first, content-driven application.
Editorial content lives as strongly typed TypeScript modules validated using Zod before becoming part of the application.
src/
│
├── assets/
│
├── components/
│
├── content/
│ ├── people/
│ ├── collections/
│ ├── stories/
│ ├── videos/
│ ├── schemas/
│ └── registry.ts
│
├── data/
│
├── hooks/
│
├── lib/
│
├── routes/
│
└── styles.css
public/
- Type-safe content
- Component-driven architecture
- Reusable UI primitives
- Static-first rendering
- Editorial content validation
- Accessibility-first development
- Bun 1.1+
- Node-compatible runtime
bun installbun run devThe application starts at:
http://localhost:8080
Copy:
cp .env.example .env.localOptional:
VITE_SITE_URL=https://orivan.online
Used for canonical URLs and Open Graph metadata.
bun run buildPreview:
bun run previewProduction output:
.output/
Orivan targets Cloudflare Workers by default.
Deployment steps:
- Build the project
bun run build-
Deploy the generated
.output/directory. -
Configure:
VITE_SITE_URL=https://orivan.online
See CONTRIBUTING.md for:
- Branch naming
- Commit conventions
- Pull request expectations
- Editorial guidelines
- Project philosophy
- Reader-submitted Community Stories
- Saved reading lists
- AI-assisted journey recommendations
- Collection essays
- Internationalization
- Print-friendly journeys
- Accessibility improvements
- Performance optimizations
Built with:
- React
- TanStack Start
- Vite
- Tailwind CSS
- shadcn/ui
- Radix UI
- Cloudflare Workers
- Bun
Released under the MIT License.
See LICENSE for details.
Ujjwal Verma
- 🌐 Website: https://orivan.online
- GitHub: https://github.com/ujjwalverma19
- LinkedIn: https://www.linkedin.com/in/ujjwalv19
- X: https://x.com/UJJWALV75382953
If you enjoyed Orivan or found it useful, consider giving the repository a ⭐.
- GitHub — @ujjwalverma19
- LinkedIn — ujjwalv19
- X — @UJJWALV75382953
- Instagram — @ujjwal_verma19