{"id":28345771,"url":"https://github.com/zeabdelkhalek/tilawati-app","last_synced_at":"2025-10-25T05:32:58.056Z","repository":{"id":38958984,"uuid":"187721158","full_name":"zeabdelkhalek/Tilawati-App","owner":"zeabdelkhalek","description":"Tilawati Mobile App ","archived":false,"fork":false,"pushed_at":"2023-01-03T23:15:09.000Z","size":7943,"stargazers_count":6,"open_issues_count":19,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-03T21:00:58.144Z","etag":null,"topics":["material-design","react-native","react-redux","redux"],"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/zeabdelkhalek.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}},"created_at":"2019-05-20T22:21:46.000Z","updated_at":"2023-08-30T09:04:48.000Z","dependencies_parsed_at":"2022-08-26T02:23:32.714Z","dependency_job_id":null,"html_url":"https://github.com/zeabdelkhalek/Tilawati-App","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/zeabdelkhalek/Tilawati-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeabdelkhalek%2FTilawati-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeabdelkhalek%2FTilawati-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeabdelkhalek%2FTilawati-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeabdelkhalek%2FTilawati-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zeabdelkhalek","download_url":"https://codeload.github.com/zeabdelkhalek/Tilawati-App/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zeabdelkhalek%2FTilawati-App/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261165540,"owners_count":23118853,"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","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":["material-design","react-native","react-redux","redux"],"created_at":"2025-05-27T13:10:15.175Z","updated_at":"2025-10-25T05:32:58.051Z","avatar_url":"https://github.com/zeabdelkhalek.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tilawati-App\n\n\u003cimg src=\"https://raw.githubusercontent.com/AbdelkhalekESI/Tilawati-App/master/PN877S1.jpg\" alt=\"Tilawati Mockup\"\u003e\n\n# Getting started \n\n1 - Install React Native as described at [React Native Website](https://facebook.github.io/react-native/docs/getting-started.html#content)\n**React Native CLI Quickstart section**\n\n2 - Clone this repository\n\n3 - Run `npm install` , all required components will be installed automatically\n\n4 - Configure your Android SDK and Android Virtual Device \n\n5 - Run the project : use `react-native run-android` to run your project on Android.\n\u003c!-- \n# Development guide \n\n- Work on the **Dev Branch** \n\n- switch to **Dev Branch** by running this command :  `git checkout dev`\n\n- push all modifications to dev branch : `git push origin dev` --\u003e\n\n# Folder Structure \n\nThe Tilawati-App structure will look similar to this:\n\n\n```\nTilawati-App\n├── App\n│   ├── Components\n│   ├── Screens\n│   ├── Images\n│   ├── Navigation\n│   ├── Services\n│   ├── Themes\n├── README.md\n├── android\n│   ├── app\n│   ├── build.gradle\n│   ├── gradle\n│   ├── gradle.properties\n│   ├── gradlew\n│   ├── gradlew.bat\n│   ├── keystores\n│   └── settings.gradle\n├── index.js\n└── package.json\n```\n\n## App directory\nThe inside of the App directory looks similar to the following:\n\n```\nApp\n├── Components\n│   └── Styles\n├── Screens\n│   └── Styles\n├── Images\n├── Navigation\n│   └── Styles\n├── Services\n├── Themes\n```\n\n**Components** : These components are often used inside a \"Screen Component\". Screen components are described in more detail further on.\n\n**Components ── Styles** : We separate component styles from component functionality. Use this folder to create and store style files that match the naming of your components. For example, a component `AlertMessage.js` would have a matching styles file called `AlertMessageStyles.js` .\n\n**Screens** :\nMain applciations screens \u0026 Containers \n\n**Images** :\nStatic images used in your project are stored here.\n\n**Navigation** :\nApp Navigation like TabsNavigation , Drawer , StackNavigation ....\n\n**Services** :\nAPI calls to external services.\n\n**Themes** :\nA place to contain styles shared across your project (fonts, colors, etc.).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeabdelkhalek%2Ftilawati-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzeabdelkhalek%2Ftilawati-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeabdelkhalek%2Ftilawati-app/lists"}