| Screenshot 1 | Screenshot 2 | Screenshot 3 |
|---|---|---|
 |
 |
 |
| Smart Financial Tracking | Bank-Level Security | Personalized Insights |
| Screenshot 4 | Screenshot 5 | Screenshot 6 |
|---|---|---|
 |
 |
 |
| Welcome Back! | Good Morning Dashboard | Account Overview |
| Screenshot 7 | Screenshot 8 | Screenshot 9 |
|---|---|---|
 |
 |
 |
| Add Expense | Transactions | Budgets |
| Screenshot 10 | Screenshot 11 | Screenshot 12 |
|---|---|---|
 |
 |
 |
| Profile | Dark Mode Home | Dark Mode Transaction |
| Screenshot 13 | Screenshot 14 | Screenshot 15 |
|---|---|---|
 |
 |
 |
| Dark Mode Income | Dark Mode Transactions | Dark Mode Budgets |
| Screenshot 16 |
|---|
 |
| Dark Mode Profile |
A modern, intuitive personal finance tracking mobile application built with React Native and Expo. Finora helps you take control of your finances with intelligent expense tracking, budgeting tools, and insightful analytics.
- Smart Financial Tracking: Intelligent expense categorization and tracking
- Multi-Account Management: Support for checking, savings, and crypto accounts
- Budget Management: Create and monitor budgets with visual progress indicators
- Transaction Management: Easy transaction entry with receipt scanning capability
- Real-time Analytics: Visual spending charts and financial insights
- Responsive Design: Optimized for all screen sizes from mobile to desktop
- Dark/Light Theme: Automatic theme switching with system preference support
- Secure Authentication: Email/password authentication with demo account option
- Framework: React Native with Expo SDK 53
- Navigation: Expo Router v5
- Language: TypeScript
- Styling: StyleSheet with responsive design
- Icons: Lucide React Native
- State Management: React Context API
- Platform: Cross-platform (iOS, Android, Web)
- Node.js (v18 or higher)
- npm or yarn
- Expo CLI
- iOS Simulator (for iOS development)
- Android Studio (for Android development)
- Clone the repository:
git clone https://github.com/yourusername/finora-finance-tracker.git
cd finora-finance-tracker- Install dependencies:
npm install- Start the development server:
npm run dev- Open the app:
- iOS: Press
ito open iOS Simulator - Android: Press
ato open Android Emulator - Web: Press
wto open in web browser
- iOS: Press
finora-finance-tracker/
├── app/ # App screens and navigation
│ ├── (tabs)/ # Tab-based screens
│ ├── auth/ # Authentication screens
│ ├── _layout.tsx # Root layout
│ └── onboarding.tsx # Onboarding flow
├── components/ # Reusable UI components
├── contexts/ # React Context providers
├── hooks/ # Custom React hooks
├── assets/ # Images and static assets
└── README.md
- Primary: #4F46E5 (Indigo)
- Success: #16A34A (Green)
- Warning: #F59E0B (Amber)
- Error: #EF4444 (Red)
- Info: #3B82F6 (Blue)
- Headings: 800 weight, responsive sizing
- Body: 500 weight, 16px base
- Captions: 500 weight, 14px
- Base unit: 4px
- Component padding: 16-24px
- Section margins: 20-32px
Create a .env file in the root directory:
EXPO_PUBLIC_API_URL=your_api_url
EXPO_PUBLIC_API_KEY=your_api_keyThe app supports automatic theme switching based on system preferences. You can customize themes in contexts/ThemeContext.tsx.
- iOS: Full native support
- Android: Full native support
- Web: Responsive web application
- Desktop: PWA support
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
For support, email support@finora.app or join our Slack channel.
Made with ❤️ by the Finora Team
🌐 Live Demo • ✨ Features • 📱 Screenshots • 🚀 Getting Started