{"id":18688187,"url":"https://github.com/programmershri/deliveroo-clone-react-native","last_synced_at":"2026-05-07T08:31:56.772Z","repository":{"id":57873347,"uuid":"528413121","full_name":"ProgrammerShri/Deliveroo-Clone-React-Native","owner":"ProgrammerShri","description":"This is a Popular Deliveroo App Clone (Made with react-native)","archived":false,"fork":false,"pushed_at":"2022-08-27T06:57:58.000Z","size":54401,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-28T01:14:29.566Z","etag":null,"topics":["expo-cli","react-native","redux-toolkit","sanitycms","tailwindcss","ui-design"],"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/ProgrammerShri.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":"2022-08-24T12:26:01.000Z","updated_at":"2023-05-09T04:03:33.000Z","dependencies_parsed_at":"2023-01-16T17:30:45.982Z","dependency_job_id":null,"html_url":"https://github.com/ProgrammerShri/Deliveroo-Clone-React-Native","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2FDeliveroo-Clone-React-Native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2FDeliveroo-Clone-React-Native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2FDeliveroo-Clone-React-Native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2FDeliveroo-Clone-React-Native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ProgrammerShri","download_url":"https://codeload.github.com/ProgrammerShri/Deliveroo-Clone-React-Native/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239546711,"owners_count":19657019,"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":["expo-cli","react-native","redux-toolkit","sanitycms","tailwindcss","ui-design"],"created_at":"2024-11-07T10:35:53.763Z","updated_at":"2025-11-08T03:30:26.036Z","avatar_url":"https://github.com/ProgrammerShri.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Deliveroo Clone with REACT NATIVE!\n\n#### PREREQUISITES:\n- Install Node JS in your computer \u003ca href='https://nodejs.org/en/'\u003eHERE\u003c/a\u003e\n\n\u003ca href=\"#facebook\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original.svg\" alt=\"Facebook\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#instagram\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg\" alt=\"Instagram\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/183095729-0ae04014-a62c-4013-93ff-6861fbff308e.png\" alt=\"\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/179383376-874f547c-4e6f-4826-850e-706b009e7e2b.png\" alt=\"\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#google\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/atulmy/oauth/master/web/public/images/social/google.svg\" alt=\"Google\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#google\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/180461713-76c02155-35f5-497e-b3a3-364fec13da39.png\" alt=\"Google\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#google\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/180462270-ea4a249c-627c-4479-9431-5c3fd25454c4.png\" alt=\"Google\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#github\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/182531543-22e5cec1-bf41-444c-80b0-c2b7205b99ca.png\" alt=\"GitHub\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#github\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/182531694-325c7651-c586-4b79-9304-9b7d39fd2a95.png\" alt=\"GitHub\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#github\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/182531879-62dd069e-d5aa-456c-874e-fb5303a5fa3c.png\" alt=\"GitHub\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#github\"\u003e\u003cimg src=\"https://github.githubassets.com/images/modules/logos_page/Octocat.png\" alt=\"GitHub\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#github\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/atulmy/oauth/master/web/public/images/tech/github.svg\" alt=\"GitHub\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\u003ca href=\"#github\"\u003e\u003cimg src=\"https://assets.stickpng.com/images/580b57fcd9996e24bc43c520.png\" alt=\"GitHub\" width=\"30\" height=\"30\" /\u003e\u003c/a\u003e\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Available Scripts\n Installing Expo CLI\n\n```\nnpm install --global expo-cli\n```\nInitializing the project\n```\nnpx create-expo-app deliveroo-clone \ncd deliveroo-clone\n```\n\n Starting the development server\n```\nexpo start\n```\n## Setup Tailwind CSS\n```\nnpm install tailwindcss-react-native\nnpm install --save-dev tailwindcss\n```\nTailwindcss requires a ``tailwind.config.js`` file with the content section configured to include the paths to all of your components and any other source files that contain Tailwind class names.\n```\n// tailwind.config.js\nmodule.exports = {\n  content: [\n    \"./screens/**/*.{js,ts,jsx,tsx}\",\n    \"./pages/**/*.{js,ts,jsx,tsx}\",\n    \"./components/**/*.{js,ts,jsx,tsx}\",\n  ],\n  // ...\n};\n```\nAdd ``TailwindProvider`` at the top level of your application. The ``TailwindProvider`` creates the context for reactive styles and the atomic style objects.\n```\nimport { TailwindProvider } from \"tailwindcss-react-native\";\n\nfunction MyAppsProviders({ children }) {\n  return \u003cTailwindProvider\u003e{children}\u003c/TailwindProvider\u003e;\n}\n```\n### Configure your babel.config.js\n```\n// babel.config.js\nmodule.exports = {\n  plugins: [\"tailwindcss-react-native/babel\"],\n};\n```\n\n### Creating a Build\n- Optimize the assets for speed - ``npx expo-optimize`` (formerly expo optimize)\n- Bundle the project for production - ``npx expo export:web`` (``expo build:web`` in the legacy Expo CLI).\n- Creates a production ready static bundle in the ``web-build/`` directory. Don't edit this folder directly.\n- If you make any changes to your project, you'll need to re-build for production.\n- For more help use ``npx expo export:web --help``\n- \u003ca href=\"https://docs.expo.dev/eas\" target=\"_blank\"\u003eMore Info\u003c/a\u003e\n\n#### 🔴 Open the camera app on your device and scan the code below\n![image](https://user-images.githubusercontent.com/64357112/187018774-a17f7c10-f89f-4048-8f03-08a8009d6bb9.png)\n\u003ca href=\"#instagram\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/182557606-b36f2540-1260-42bf-b547-ed5832e3615e.png\" alt=\"qr\" width=\"280\" height=\"250\" /\u003e\u003c/a\u003e\n\u003cbr\u003e\n#### Expo Publish\npublish your project\n```\nexpo publish\n```\n\n \u003chr /\u003e\n\u003cdiv style=\"display: inline_block\"\u003e\u003cbr\u003e\n \u003cimg align=\"center\" alt=\"React\"  width=\"180\" src=\"https://user-images.githubusercontent.com/99184393/184466112-3d639a7d-e292-43f1-96ff-0d7506be7d5a.jpg\"\u003e\n  \u003cimg align=\"center\" alt=\"React\"  width=\"180\" src=\"https://user-images.githubusercontent.com/99184393/184466143-c95e743f-eff5-4acf-ad9d-4f33142ca088.jpg\"\u003e\n  \u003cimg align=\"center\" alt=\"React\"  width=\"180\" src=\"https://user-images.githubusercontent.com/99184393/184466211-d27ca927-7a3f-4a36-8920-3d7d62e7ab29.jpg\"\u003e\n    \u003cimg align=\"center\" alt=\"React\"  width=\"180\" src=\"https://user-images.githubusercontent.com/99184393/184466252-59874cd9-bd09-48c5-8122-715d4f386ce3.jpg\"\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammershri%2Fdeliveroo-clone-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprogrammershri%2Fdeliveroo-clone-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammershri%2Fdeliveroo-clone-react-native/lists"}