A comprehensive, all-in-one productivity tool designed to help you focus, manage your schedule, and track your study progress. Built from the ground up with React Native and Expo.
- 🎯 Focus Timer: A beautiful stopwatch with a circular progress indicator to track study sessions.
- 🎧 Focus Mode: An immersive screen with animated backgrounds and ambient sounds (rain, forest, cafe) to block distractions.
- 📊 Stats Dashboard: A detailed dashboard to visualize your progress with:
- Bar chart showing study time for the last 7 days.
- At-a-glance stats for your monthly total, daily average, and longest session.
- A motivational daily goal tracker and a consecutive day "Study Streak".
- 🗓️ Visual Timetable: A daily timeline view to schedule events, with the ability to navigate between days.
- 📝 Dual-Mode Notes: A versatile notes section with:
- A simple and effective to-do list for reminders.
- A separate section for long-form "casual" notes with a dedicated editor.
- ⚙️ Settings: A settings screen to customize your daily study goal and manage app data.
| Study Timer | Dashboard | Timetable |
|---|---|---|
 |
 |
 |
| Focus Mode | Notes & Reminders | Settings |
|---|---|---|
 |
 |
 |
- Framework: React Native with Expo Router
- Language: TypeScript
- Styling: React Native StyleSheet
- Data Visualization:
react-native-chart-kit - Audio:
expo-audio - UI Components:
expo-linear-gradient,@react-native-community/datetimepicker,@react-native-community/slider - Local Storage:
AsyncStorage
To run this project locally:
# 1. Clone the repository
git clone <your-repo-link>
# 2. Install dependencies
npm install
# 3. Run the development server
npx expo startFeatures planned for future versions:
- ⏰ Timetable Alarms: Integration with
expo-notificationsto send reminders for scheduled events. - ✨ Dynamic Animations: Adding fluid animations to the dashboard numbers and screen transitions using
react-native-reanimated. - 🎨 Light & Dark Themes: A fully integrated theme system to allow users to switch between light and dark modes.
- ☁️ Cloud Sync: Using a backend service like Firebase to sync and back up all user data across devices.