{"id":28317566,"url":"https://github.com/naveen05-lang/timerapp","last_synced_at":"2025-09-13T06:38:06.172Z","repository":{"id":293969579,"uuid":"985627465","full_name":"Naveen05-lang/TimerApp","owner":"Naveen05-lang","description":"A feature-rich React Native timer app to help users create, manage, and track multiple timers grouped by category. Built with functional components and useState,and powered by AsyncStorage for persistence.   Key Features: Create timers with custom durations  Group timers by category (e.g., Work, Study, Workout)  Visual progress bars  and more.","archived":false,"fork":false,"pushed_at":"2025-05-18T08:05:07.000Z","size":248,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-24T14:44:28.880Z","etag":null,"topics":["async-storage","context-api","react-native-navigation","useeffect-hook","usestate-hook"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Naveen05-lang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-18T07:13:53.000Z","updated_at":"2025-05-18T08:11:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"b550c028-2e26-4070-b426-35a861b8ba7a","html_url":"https://github.com/Naveen05-lang/TimerApp","commit_stats":null,"previous_names":["naveen05-lang/timerapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Naveen05-lang/TimerApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FTimerApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FTimerApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FTimerApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FTimerApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Naveen05-lang","download_url":"https://codeload.github.com/Naveen05-lang/TimerApp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Naveen05-lang%2FTimerApp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274929201,"owners_count":25375710,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-13T02:00:10.085Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["async-storage","context-api","react-native-navigation","useeffect-hook","usestate-hook"],"created_at":"2025-05-25T06:12:20.100Z","updated_at":"2025-09-13T06:38:06.163Z","avatar_url":"https://github.com/Naveen05-lang.png","language":"JavaScript","readme":"This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).\n\n# Getting Started\n\n\u003e **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.\n\n## 🚀 Features :\n 1. Create Timers with name, duration, and category.\n\n 2. Group Timers by category with collapsible sections.\n\n 3. ▶️ Start, ⏸ Pause, 🔁 Reset individual or all timers in a category.\n\n 4. Progress Bar visualizes the remaining time.\n\n 5. Halfway Alert and Completion Modal for each timer.\n\n 6. History Screen to view completed timers.\n\n 7. Dark Mode toggle with persistent theming.\n\n 8. Persistent Storage using AsyncStorage.\n\n\n## 🛠 Tech Stack \n\n1. React Native\n\n2. React Navigation\n\n3. React Context API (for global state)\n\n4. AsyncStorage\n\n5. React Native Picker\n\n## ScreenShots :\n\n## Timer Creation Light Theme:\n![TimerApp lightTheme](https://github.com/user-attachments/assets/1a44761b-b55b-4d4b-91c4-35a9c3e80dff)\n\n## Timer Creation Dark Theme:\n![TimerApp DarkTheme](https://github.com/user-attachments/assets/a60af10f-b12a-43b1-9098-9a6da453df7f)\n\n## TimerCard:\n![TimersList](https://github.com/user-attachments/assets/c7250d00-3ffe-4809-9d6a-6b34c34728c3)\n\n## Progress Bar:\n![TimerApp Progress bar](https://github.com/user-attachments/assets/29671554-4824-4c99-95bc-1cdf8a3a3988)\n\n## Alerts when halfway :\n![TimerApp half way alert](https://github.com/user-attachments/assets/bbba490e-0ce2-459a-ae91-05d5d094ef95)\n\n## Bulk actions: start, pause, reset all timers in a category:\n![Timer App Bulk Actions](https://github.com/user-attachments/assets/0fd26519-9614-4823-9635-4978e0cefd66)\n\n## Filter By Catagories :\n![TimerApp Filter By Catagory](https://github.com/user-attachments/assets/a561c93a-2cce-4eab-83a8-a30df3030c28)\n\n## Alerts on Completion :\n![TimerApp Completion Alert](https://github.com/user-attachments/assets/e93919af-9afb-48d9-84a7-009312a199ce)\n\n## HistoryScreen:\n![Timer History](https://github.com/user-attachments/assets/f863486c-e963-49a5-bdaf-6648ff5a2643)\n\n\n\n\n\n\n## Folder Structure\n\n.\n├── src/\n│   ├── components/            \n│   │   ├── CategorySection.jsx\n│   │   ├── ProgressBar.jsx\n│   │   ├── ThemeSwitcher.jsx\n│   │   ├── TimerCard.jsx\n│   │\n│   ├── context/                 \n│   │   ├── ThemeContext.jsx      \n│   │   ├── TimerContext.jsx      \n│   │\n│   ├── screens/            \n│   │   └── HistoryScreen.jsx                        \n│   │   ├── HomeScreen.jsx      \n│   │   └── TimerListScreen.jsx\n├── App.js                    \n├── package.json\n└── README.md\n\n\n## 📦 Installation \u0026 Setup\n\n1.Clone the repository:\n\ngit clone https://github.com/Naveen05-lang/TimerApp.git\n\n2.Install dependencies:\n\nnpm install\n\n3.Install AsyncStorage \u0026 Picker:\n\nnpx expo install @react-native-async-storage/async-storage\nnpm install @react-native-picker/picker\n\n4.Navigation:\n\nnpm install @react-navigation/native\nnpx expo install react-native-screens react-native-safe-area-context react-native-gesture-handler react-native-reanimated react-native-vector-icons\nnpm install @react-navigation/native-stack\nnpm install @react-navigation/bottom-tabs\n\n5.Run the app:\n\nnpx react-native run-android\n\n\n\n### Now what?\n\n- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).\n- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).\n\n# Troubleshooting\n\nIf you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.\n\n# Learn More\n\nTo learn more about React Native, take a look at the following resources:\n\n- [React Native Website](https://reactnative.dev) - learn more about React Native.\n- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.\n- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.\n- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.\n- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaveen05-lang%2Ftimerapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaveen05-lang%2Ftimerapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaveen05-lang%2Ftimerapp/lists"}