sleepy
8f5dba0d91
- Accent: #6366f1 → #818cf8 (softer indigo) - Accent hover: #4f46e5 → #6366f1 - Accent light: #818cf8 → #a5b4fc (very light) - Error: #ef4444 → #f87171 (soft coral red) - Error hover: #ef4444 → stays virulent (for visibility) - Text: #ffffff → #f0f0f0 (off-white) - Borders: slightly lighter (#333, #4040) - Backgrounds: tweaked for better contrast - All 52 tests passing, build successful
Light Chat
A lightweight Android chat application built with React and Capacitor for connecting to locally or remotely hosted LLMs.
Features
- LLM API Integration: Connect to any OpenAI-compatible API endpoint
- Session Management: Multiple chat sessions with add/remove functionality
- Dark Theme: Sleek black/dark UI design
- Conversation Export: Save chats as text, log, or markdown files
- Custom System Prompts: Inject your own system prompts for personalized interactions
- Model Configuration: Custom model name support for local LLMs
- Offline Ready: Capacitor wrapper for native Android APK generation
Tech Stack
- Frontend: React + TypeScript
- Mobile Wrapper: Capacitor
- Build Tool: Vite
- Package Manager: pnpm
- Testing: Vitest + React Testing Library
- Android Studio: For final APK generation
Getting Started
Prerequisites
- Node.js (v18+)
- pnpm
- Android Studio (for APK building)
- Capacitor CLI
Installation
# Install dependencies with pnpm
pnpm install
# Start development server
pnpm dev
Build for Android
# Type check TypeScript code
pnpm type-check
# Build the web app
pnpm build
# Sync with Capacitor
npx cap sync
# Open in Android Studio
npx cap open android
Project Structure
The codebase follows these principles:
- Simple: Keep things straightforward
- Modular: Separate concerns into distinct modules
- Reusable: Abstract common functionality
- Tested: Unit tests for all components
Contributing
When adding features:
- Look for existing similar functions to abstract
- Write unit tests
- Keep components small and focused
- Follow the modular architecture