{"id":26123753,"url":"https://github.com/aadityaa2606/contact-manager","last_synced_at":"2026-05-06T00:38:28.408Z","repository":{"id":274664685,"uuid":"923650156","full_name":"Aadityaa2606/Contact-Manager","owner":"Aadityaa2606","description":"This is a cross-platform Contact Manager built with React Native and MobX. It allows you to add, edit, and delete contacts.","archived":false,"fork":false,"pushed_at":"2025-03-05T12:01:39.000Z","size":1320,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-26T09:04:57.481Z","etag":null,"topics":["cross-platform","ignite-react-native","mobx-state-tree","react-native","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Aadityaa2606.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":"2025-01-28T16:18:09.000Z","updated_at":"2025-03-05T12:02:42.000Z","dependencies_parsed_at":"2025-03-05T12:43:03.181Z","dependency_job_id":null,"html_url":"https://github.com/Aadityaa2606/Contact-Manager","commit_stats":null,"previous_names":["aadityaa2606/brysk_task","aadityaa2606/contact-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Aadityaa2606/Contact-Manager","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aadityaa2606%2FContact-Manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aadityaa2606%2FContact-Manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aadityaa2606%2FContact-Manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aadityaa2606%2FContact-Manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aadityaa2606","download_url":"https://codeload.github.com/Aadityaa2606/Contact-Manager/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aadityaa2606%2FContact-Manager/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279004573,"owners_count":26083735,"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-10-10T02:00:06.843Z","response_time":62,"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":["cross-platform","ignite-react-native","mobx-state-tree","react-native","tailwindcss"],"created_at":"2025-03-10T15:54:09.217Z","updated_at":"2025-10-10T15:10:29.427Z","avatar_url":"https://github.com/Aadityaa2606.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Contact Manager\n\nA modern mobile contact management application built with React Native, Expo, MobX State Tree, and TypeScript. This project serves as a learning resource for React Native development, demonstrating best practices and common mobile app patterns.\n\n## 📱 Demo\n\nhttps://drive.google.com/file/d/13rJX3VD9f-76cXHtUAVR-95nWA027-xY/view?usp=sharing\n\n\u003cdiv style=\"display: flex; gap: 10px;\"\u003e\n  \u003cimg src=\"image.png\" alt=\"Contact List\" width=\"250\" /\u003e\n  \u003cimg src=\"image-1.png\" alt=\"Contact Details\" width=\"250\" /\u003e\n  \u003cimg src=\"image-2.png\" alt=\"Edit Contact\" width=\"250\" /\u003e\n\u003c/div\u003e\n\n## 🚀 Features\n\n- **Contact Management**\n  - View contacts in an alphabetically sorted list\n  - Add new contacts with details (name, phone, email, address)\n  - Edit existing contact information\n  - Delete single or multiple contacts\n  - Multi-select mode for bulk actions\n  \n- **User Interface**\n  - Modern, native-feeling UI with smooth animations\n  - Section list with alphabetical headers\n  - Responsive design that works on both iOS and Android\n  - Form validation for required fields\n\n- **Development Features**\n  - TypeScript for type safety\n  - MobX State Tree for state management\n  - Expo for easy development and deployment\n  - Random contact generation for testing\n\n## 🛠️ Technology Stack\n\n- **React Native** - Mobile app framework\n- **Expo** - Development platform\n- **TypeScript** - Programming language\n- **MobX State Tree** - State management\n- **React Navigation** - Navigation library\n- **NativeWind** - Tailwind CSS for React Native\n- **React Native MMKV** - Fast key-value storage\n\n## 🏃‍♂️ Getting Started\n\n### Prerequisites\n\n- Node.js (version specified in package.json engines)\n- Yarn package manager\n- iOS Simulator (Mac only) or Android Emulator\n- Expo Go app (for physical device testing)\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone [repository-url]\ncd brysk_task\n```\n\n2. Install dependencies:\n```bash\nyarn install\n```\n\n3. Start the development server:\n```bash\nyarn start\n```\n\n### Building for Devices\n\nFor iOS:\n```bash\nyarn build:ios:sim  # For iOS simulator\nyarn build:ios:dev  # For iOS device (development)\nyarn build:ios:prod # For iOS device (production)\n```\n\nFor Android:\n```bash\nyarn build:android:sim  # For Android emulator\nyarn build:android:dev  # For Android device (development)\nyarn build:android:prod # For Android device (production)\n```\n\n## 📚 Learning Resources\n\nThis project demonstrates several key React Native concepts:\n\n- **State Management**: Using MobX State Tree for predictable state updates\n- **Navigation**: Stack navigation with React Navigation\n- **Forms**: Form handling with validation\n- **UI Components**: Custom components and styling\n- **Storage**: Local data persistence\n- **TypeScript**: Type safety and interfaces\n\n## 🧪 Testing Data\n\nThe app includes a utility to generate random contacts for testing:\n\n```typescript\nimport { generateRandomContacts } from \"../utils/generateRandomContacts\"\n\n// Generate 100 random contacts\nconst randomContacts = generateRandomContacts(100)\n```\n\n## 📂 Project Structure\n\nThis project follows ignite-react-native-boilerplate structure with some modifications\nhttps://github.com/infinitered/ignite\n\n## 🤝 Contributing\n\nThis is a learning project, and contributions are welcome! Feel free to:\n\n- Report bugs\n- Suggest new features\n- Submit pull requests\n\n## 📄 License\n\nThis project is licensed under the MIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faadityaa2606%2Fcontact-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faadityaa2606%2Fcontact-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faadityaa2606%2Fcontact-manager/lists"}