{"id":15645927,"url":"https://github.com/sashenjayathilaka/deliveroo-clone","last_synced_at":"2025-04-19T13:48:54.730Z","repository":{"id":55156161,"uuid":"522927287","full_name":"SashenJayathilaka/Deliveroo-Clone","owner":"SashenJayathilaka","description":"Deliveroo Clone with REACT NATIVE! (Navigation, Implement Redux, Tailwind CSS \u0026 Sanity.io, React Native Heroicons, React Native Navigation to navigate between screens, sleek animated checkout flow)","archived":false,"fork":false,"pushed_at":"2023-02-01T02:51:58.000Z","size":1960,"stargazers_count":93,"open_issues_count":0,"forks_count":20,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-29T08:23:00.100Z","etag":null,"topics":["expo","expo-cli","heroicons-react","learn","react-currency-formatter","react-native","react-native-animatable","react-native-maps","react-native-progress","react-native-safe-area-context","react-native-web","react-navigation-native","react-redux","sanity-client","sanity-io","student-vscode","tailwindcss","tailwindcss-plugin"],"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/SashenJayathilaka.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-09T11:49:27.000Z","updated_at":"2025-03-24T05:32:02.000Z","dependencies_parsed_at":"2023-02-17T01:31:42.431Z","dependency_job_id":null,"html_url":"https://github.com/SashenJayathilaka/Deliveroo-Clone","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/SashenJayathilaka%2FDeliveroo-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SashenJayathilaka%2FDeliveroo-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SashenJayathilaka%2FDeliveroo-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SashenJayathilaka%2FDeliveroo-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SashenJayathilaka","download_url":"https://codeload.github.com/SashenJayathilaka/Deliveroo-Clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249707102,"owners_count":21313768,"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","expo-cli","heroicons-react","learn","react-currency-formatter","react-native","react-native-animatable","react-native-maps","react-native-progress","react-native-safe-area-context","react-native-web","react-navigation-native","react-redux","sanity-client","sanity-io","student-vscode","tailwindcss","tailwindcss-plugin"],"created_at":"2024-10-03T12:10:36.543Z","updated_at":"2025-04-19T13:48:54.711Z","avatar_url":"https://github.com/SashenJayathilaka.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"https://user-images.githubusercontent.com/99184393/196014260-dfc68631-1abb-4635-ac6d-787ad0805dcd.png\" alt=\"logo\" width=\"200\" height=\"auto\" /\u003e\n  \n  # Deliveroo Clone with REACT NATIVE!\n  \n  \u003cp\u003e\nDeliveroo Clone with REACT NATIVE! (Navigation, Redux, Tailwind CSS \u0026 Sanity.io)\n  \u003c/p\u003e\n  \n  \n\u003c!-- Badges --\u003e\n\n\u003ca href=\"#\" target=\"_blank\"\u003e![](https://img.shields.io/badge/Ios%2FAndroid-Up-green)\u003c/a\u003e\n![](https://img.shields.io/badge/Maintained-Yes-indigo)\n![](https://img.shields.io/github/forks/SashenJayathilaka/Deliveroo-Clone.svg)\n![](https://img.shields.io/github/stars/SashenJayathilaka/Deliveroo-Clone.svg)\n![](https://img.shields.io/github/issues/SashenJayathilaka/Deliveroo-Clone)\n![](https://img.shields.io/github/last-commit/SashenJayathilaka/Deliveroo-Clone)\n\n\u003ch4\u003e\n    \u003ca href=\"\"\u003eView Demo\u003c/a\u003e\n  \u003cspan\u003e · \u003c/span\u003e\n    \u003ca href=\"https://github.com/SashenJayathilaka/Deliveroo-Clone/blob/master/README.md\"\u003eDocumentation\u003c/a\u003e\n  \u003cspan\u003e · \u003c/span\u003e\n    \u003ca href=\"https://github.com/SashenJayathilaka/Deliveroo-Clone/issues\"\u003eReport Bug\u003c/a\u003e\n  \u003cspan\u003e · \u003c/span\u003e\n    \u003ca href=\"https://github.com/SashenJayathilaka/Deliveroo-Clone/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/h4\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003c!-- Table of Contents --\u003e\n\n## :notebook_with_decorative_cover: Table of Contents\n\n- [About the Project](#star2-about-the-project)\n  - [Screenshots](#camera-screenshots)\n  - [Tech Stack](#space_invader-tech-stack)\n- [Getting Started](#toolbox-getting-started)\n  - [Prerequisites](#bangbang-prerequisites)\n  - [Installation](#gear-installation)\n  - [Run Locally](#running-run-locally)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [Contact](#handshake-contact)\n\n\u003c!-- About the Project --\u003e\n\n## :star2: About the Project\n\n\u003c!-- Screenshots --\u003e\n\n### :camera: Screenshots\n\n\u003cdiv style=\"display: inline_block\" align=\"center\"\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\n\u003cbr /\u003e\n\n![](https://img.shields.io/badge/Deliveroo-00CCBC?style=for-the-badge\u0026logo=Deliveroo\u0026logoColor=white)\n\n#### 🔴 Open the camera app on your device and scan the code below (live demo)\n\n\u003ca href=\"#instagram\"\u003e\u003cimg src=\"./qr/expo-go.svg\" alt=\"qr\" width=\"200\" height=\"200\" /\u003e\u003c/a\u003e\n\u003ca href=\"#instagram\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/99184393/182557606-b36f2540-1260-42bf-b547-ed5832e3615e.png\" alt=\"qr\" width=\"200\" height=\"200\" /\u003e\u003c/a\u003e\n\n\u003cbr /\u003e\n\n![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)\n![forthebadge](https://forthebadge.com/images/badges/for-you.svg)\n![forthebadge](https://forthebadge.com/images/badges/powered-by-coffee.svg)\n\n### :space_invader: Tech Stack\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://#/\"\u003eJavascript\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://docs.expo.dev/workflow/expo-cli\"\u003eExpo\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://reactnative.dev\"\u003eReact Native\u003c/a\u003e\u003c/li\u003e\n     \u003cli\u003e\u003ca href=\"https://tailwindcss.com/\"\u003eTailwindCSS\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDatabase\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.sanity.io\"\u003eSanity\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cbr /\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\n## :toolbox: Getting Started\n\n### :bangbang: Prerequisites\n\n- Sign up for a Sanity account \u003ca href='https://www.sanity.io'\u003eHERE\u003c/a\u003e\n- Install Node JS in your computer \u003ca href='https://nodejs.org/en/'\u003eHERE\u003c/a\u003e\n\n### :gear: Installation\n\n![](https://img.shields.io/badge/React_Native-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n\nInstall my-project with expo\n\n![](https://img.shields.io/badge/Expo-02569B?style=for-the-badge\u0026logo=Expo\u0026logoColor=white)\n\nInstalling Expo CLI\n\n```\nnpm install --global expo-cli\n```\n\nInitializing the project\n\n```\nnpx create-expo-app deliveroo-clone\n```\n\n```\ncd deliveroo-clone\n```\n\nInstall dependencies\n\n### Setup Tailwind CSS\n\n![](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n\n```\nnpm install tailwindcss-react-native\nnpm install --save-dev tailwindcss\n```\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```\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```\n\nAdd `TailwindProvider` at the top level of your application. The `TailwindProvider` creates the context for reactive styles and the atomic style objects.\n\n```\nimport { TailwindProvider } from \"tailwindcss-react-native\";\n\nfunction MyAppsProviders({ children }) {\n  return \u003cTailwindProvider\u003e{children}\u003c/TailwindProvider\u003e;\n}\n```\n\n##### Configure your babel.config.js\n\n```\n// babel.config.js\nmodule.exports = {\n  plugins: [\"tailwindcss-react-native/babel\"],\n};\n```\n\nInstall dependencies\n\n\u003ca href=\"https://github.com/SashenJayathilaka/Deliveroo-Clone/blob/master/package.json\" target=\"_blank\"\u003e🔶 Dependency Info\u003c/a\u003e\n\n\u003c!-- Run Locally --\u003e\n\n### :running: Run Locally\n\n![](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n\nClone the project\n\n```bash\n  git clone https://github.com/SashenJayathilaka/Deliveroo-Clone.git\n```\n\nchange directory\n\n```bash\n  cd Deliveroo-Clone\n```\n\nInstall dependencies\n\n```bash\n  npx expo install\n```\n\nStart the server\n\n```bash\n  npx expo start\n```\n\n\u003chr /\u003e\n\n### Creating a Build\n\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\u003c!-- Deployment --\u003e\n\n### :triangular_flag_on_post: Deployment\n\nTo deploy this project run\n\n#### Expo Publish\n\n![](https://img.shields.io/badge/Expo-02569B?style=for-the-badge\u0026logo=Expo\u0026logoColor=white)\n\npublish your project\n\n```\nexpo publish\n```\n\n## :handshake: Contact\n\nSashen - [@twitter_handle](https://twitter.com/SashenHasinduJ) - sashenjayathilaka95@gmail.com\n\nProject Link: [https://github.com/SashenJayathilaka/Deliveroo-Clone.git](https://github.com/SashenJayathilaka/Deliveroo-Clone.git)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsashenjayathilaka%2Fdeliveroo-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsashenjayathilaka%2Fdeliveroo-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsashenjayathilaka%2Fdeliveroo-clone/lists"}