A React Native mobile application for watching Kick.com live streams. Built with Expo and styled with NativeWind.
- 🎮 Browse live streams sorted by viewer count
- 🔍 Search for specific channels
- ❤️ Follow your favorite streamers
- 💬 Live chat integration
- 🌓 Dark/Light theme support
- 📱 Picture-in-Picture support (iOS)
- 📺 Fullscreen mode with automatic orientation
- 🔄 Pull-to-refresh functionality
| Screen | Description |
|---|---|
| Home | Browse live streams sorted by viewer count with infinite scroll |
| Followed | Track your favorite streamers with live status indicators |
| Stream | Watch live streams with chat integration and PiP support |
- React Native with Expo
- TypeScript
- NativeWind (Tailwind CSS)
- React Navigation
- Expo AV for video playback
- AsyncStorage for local data persistence
- WebView for chat integration
- Node.js (v14 or newer)
- npm or yarn
- Expo CLI
- iOS Simulator or Android Emulator (optional)
- Clone the repository:
git clone [repository-url]
cd KickLiteApp- Install dependencies:
npm install- Start the development server:
npm start- Run on your device:
- Scan the QR code with Expo Go (Android)
- Scan the QR code with Camera app (iOS)
- Press 'i' for iOS simulator
- Press 'a' for Android emulator
src/
├── components/
├── screens/
│ ├── HomeScreen.tsx
│ ├── StreamScreen.tsx
│ ├── SearchScreen.tsx
│ └── FollowedScreen.tsx
├── services/
│ └── api.ts
├── context/
│ ├── ThemeContext.tsx
│ └── FollowContext.tsx
└── types/
└── index.ts
- Lists live streams sorted by viewer count
- Pull-to-refresh to update the list
- Infinite scroll for loading more streams
- Quick access to search and theme toggle
- Live stream playback with native controls
- Picture-in-Picture support on iOS
- Chat integration with toggle functionality
- Follow/Unfollow streamers
- Automatic orientation handling for fullscreen
- Real-time channel search
- Live status indicators
- Follower count display
- Verified channel badges
- List of followed channels
- Live status and viewer counts
- Thumbnail previews for live channels
- Quick access to streams
The app uses the following Kick.com API endpoints:
- Channel Info:
https://kick.com/api/v2/channels/{username} - Live Streams:
https://kick.com/stream/livestreams/tr - Search:
https://search.kick.com/multi_search
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Kick.com for the streaming platform
- Expo for the development framework
- NativeWind for the styling solution