Skip to content

Repository files navigation

ReadWiki Banner

ReadWiki

ReadWiki is a modern, open-source mobile Wikipedia reader engineered for seamless knowledge discovery. Built with React Native and Expo, ReadWiki reimagines how users explore Wikipedia on mobile devices by delivering a fast, beautiful, and distraction-free reading experience.

Whether you're diving deep into complex topics, browsing daily curated trivia, or scrolling through an infinite flow of articles, ReadWiki turns human knowledge into an effortless daily habit.

Screenshots

ReadWiki Screen 1   ReadWiki Screen 2

Key Features

  • Curated Home & Discovery Feed: Daily featured articles, On This Day historical events, breaking news, and Did You Know? trivia snippets.
  • Article Flow Feed: Scroll through an immersive feed of fascinating Wikipedia articles.
  • Instant Search: Powerful real-time Wikipedia search with instant article previews and suggestions.
  • Distraction-Free Reader: Enhanced reading experience featuring custom serif typography (Fraunces) and clean sans-serif body (DM Sans).
  • Bookmarks & Saved Articles: Save articles locally to revisit anytime, even offline.
  • Native Performance: Ultra-responsive UI built with react-native-reanimated and Expo SDK components.

Tech Stack & Architecture

Technology Description
Framework React Native + Expo
Routing Expo Router (File-based navigation)
Language TypeScript
Animations React Native Reanimated
Typography Google Fonts (Fraunces & DM Sans via @expo-google-fonts)
Parser htmlparser2 (Custom Wikipedia HTML sanitizer & renderer)
API Wikimedia REST API

Project Structure

ReadWiki/
├── assets/             # App icons, splash screens, and static media
├── src/
│   ├── app/            # Expo Router file-based pages and navigation
│   │   ├── (tabs)/     # Primary tab bar views (Home, Flow, Search, Saved, Settings)
│   │   ├── article/    # Detailed article view & table of contents
│   │   ├── onboarding.tsx
│   │   └── ...         # Dedicated sub-pages (News, Trending, On-this-day, etc.)
│   ├── components/     # Reusable UI components & custom reader controls
│   ├── constants/      # Design tokens, theme colors, typography definitions
│   ├── hooks/          # Custom React hooks for data fetching & theme handling
│   ├── services/       # Wikipedia REST API integrations & data mappers
│   └── utils/          # HTML parsing, text formatting, and offline helpers
└── app.json            # Expo app configuration

Why ReadWiki?

Wikipedia contains an incredible amount of human knowledge, but reading and discovering articles on mobile can often feel outdated or cluttered. ReadWiki reimagines the experience with modern mobile design principles, prioritizing speed, readability, and effortless navigation.


License

Distributed under the Apache License 2.0. See LICENSE for details.

About

A clean and modern Wikipedia reader built with React Native and Expo.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages