{"id":19751694,"url":"https://github.com/rohit-nandagawali/todo-app-react-native","last_synced_at":"2026-04-14T04:31:50.522Z","repository":{"id":148271868,"uuid":"605112604","full_name":"Rohit-Nandagawali/todo-app-react-native","owner":"Rohit-Nandagawali","description":"This is a Todo app created using React Native that allows users to manage their tasks and keep track of their progress. The app uses the concept of states and props to update the UI in real-time based on user interactions. It also utilizes various components such as StatusBar, TouchableOpacity, and KeyboardAvoidingView to enhance the UX","archived":false,"fork":false,"pushed_at":"2023-02-22T15:14:07.000Z","size":268,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-13T02:07:33.329Z","etag":null,"topics":["mobile-development","react","react-native"],"latest_commit_sha":null,"homepage":"","language":"Java","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/Rohit-Nandagawali.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}},"created_at":"2023-02-22T13:26:07.000Z","updated_at":"2025-01-23T16:01:10.000Z","dependencies_parsed_at":"2023-05-19T14:45:47.509Z","dependency_job_id":null,"html_url":"https://github.com/Rohit-Nandagawali/todo-app-react-native","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Rohit-Nandagawali/todo-app-react-native","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rohit-Nandagawali%2Ftodo-app-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rohit-Nandagawali%2Ftodo-app-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rohit-Nandagawali%2Ftodo-app-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rohit-Nandagawali%2Ftodo-app-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rohit-Nandagawali","download_url":"https://codeload.github.com/Rohit-Nandagawali/todo-app-react-native/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rohit-Nandagawali%2Ftodo-app-react-native/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31782736,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["mobile-development","react","react-native"],"created_at":"2024-11-12T02:45:05.470Z","updated_at":"2026-04-14T04:31:50.506Z","avatar_url":"https://github.com/Rohit-Nandagawali.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TODO App\n## 📱 About the App\nThis is a Todo app created using React Native that allows users to manage their tasks and keep track of their progress. The app uses the concept of states and props to update the UI in real-time based on user interactions. It also utilizes various components such as StatusBar, TouchableOpacity, and KeyboardAvoidingView to enhance the user experience. The app is styled to give it an appealing and modern look.\n\n\n## Demo\n\nhttps://user-images.githubusercontent.com/85486891/220661657-5ad49681-0243-4e41-af52-5deda99711eb.mp4\n\n\n## 📜 Components Used\n- #### StatusBar:\n     It is a component that allows users to customize the status bar at the top of their device's screen. It can be used to change the background color, text color, and other settings of the status bar.\n\n- #### TouchableOpacity: \n    This component provides touchable feedback to the user when a button is pressed. It can be used to perform various actions such as navigation, data submission, and more.\n\n- #### KeyboardAvoidingView:\n     This component helps to avoid the keyboard overlapping with the text inputs. It automatically adjusts the UI based on the position of the keyboard, making it easier for users to enter their data.\n\n## 📝 Splice Method\nThe app also uses the splice method to update the state of the task list. This method allows users to remove or add items to the task list based on their interactions. It is a powerful method that can be used to modify the contents of an array without changing its length.\n\n## 🎨 Styling\nThe app is styled using a combination of custom CSS and React Native's built-in styling properties. The colors used are vibrant and appealing to the eye, making it easy for users to identify different elements in the UI.\n## Installation\n\n###  👨‍💻 Cloning and Running the Project\nTo clone this project, follow these steps:\n\n#### 1️  - Open the command prompt and navigate to the desired directory\n\n#### 2️ - Run the command:\n```bash\ngit clone https://github.com/Rohit-Nandagawali/todo-app-react-native.git\n```\n\n#### 3 - Navigate to the project folder and run the command:\n \n```bash\n  npm install\n```\n#### 4 - Once the installation is complete, run the command: \n```bash\n  npx react-native run-android\n```\nOR\n```bash\n  npx react-native run-ios\n```\n depending on your device\n\n#### 👍 That's it! You have successfully cloned and run the Todo app.\n\n    \n## Authors\n\n- [@Rohit-Nandagawali](https://www.github.com/Rohit-Nandagawali)\n\n## Made with ❤\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohit-nandagawali%2Ftodo-app-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohit-nandagawali%2Ftodo-app-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohit-nandagawali%2Ftodo-app-react-native/lists"}