{"id":17830884,"url":"https://github.com/koushith/hyperramp-p2p-starter-code","last_synced_at":"2025-04-02T12:18:47.760Z","repository":{"id":201962362,"uuid":"707385507","full_name":"Koushith/HyperRamp-p2p-starter-code","owner":"Koushith","description":"No BS clone and start building your P2P on ramp/ off ramp application. focus on business logic without worrying about UI","archived":false,"fork":false,"pushed_at":"2023-12-05T19:56:25.000Z","size":1156,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T03:20:08.820Z","etag":null,"topics":["offramp","onramp","p2p","react-native","redux-toolkit"],"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/Koushith.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-10-19T19:36:32.000Z","updated_at":"2024-12-02T18:53:16.000Z","dependencies_parsed_at":"2023-12-05T20:37:22.127Z","dependency_job_id":null,"html_url":"https://github.com/Koushith/HyperRamp-p2p-starter-code","commit_stats":null,"previous_names":["koushith/hyperramp-p2p-starter-code"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Koushith%2FHyperRamp-p2p-starter-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Koushith%2FHyperRamp-p2p-starter-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Koushith%2FHyperRamp-p2p-starter-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Koushith%2FHyperRamp-p2p-starter-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Koushith","download_url":"https://codeload.github.com/Koushith/HyperRamp-p2p-starter-code/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246811316,"owners_count":20837753,"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":["offramp","onramp","p2p","react-native","redux-toolkit"],"created_at":"2024-10-27T19:37:06.192Z","updated_at":"2025-04-02T12:18:47.729Z","avatar_url":"https://github.com/Koushith.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HyperRamp- P2P Onramp and Offramp Starter kit\n\nThis repository provides a starter kit for building a P2P (Peer-to-Peer) onramp and offramp platform. It includes a clean code structure and an easy-to-navigate architecture, making it simple for developers to plug in their business logic and start working without worrying about the client UI.\n\n## Features\n\n- **Clean Code Structure:** The project is organized with a clean and modular code structure, making it easy to understand and maintain.\n\n- **Inbuilt Mini Design System:** This repository comes with an inbuilt mini design system, including primitive components, that you can leverage to build your user interface quickly.\n\n- **TypeSafe with TypeScript:** The project is set up with TypeScript, ensuring type safety and improved development workflows.\n\n## Tech Stack\n\n- **React Native:** The project is built using React Native, allowing you to develop for both iOS and Android platforms with a single codebase.\n\n- **Styled-Components:** Styling is done with Styled-Components, enabling you to create styled and responsive components with ease.\n\n- **TypeScript:** Type safety and improved code quality are achieved through TypeScript, making development more robust and efficient.\n\n## Getting Started\n\nFollow these steps to get started with the P2P Onramp and Offramp project:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/Koushith/HyperRamp-p2p-starter-code.git\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   cd p2p-onramp-offramp\n   npm install\n   ```\n3. Run the App:\n\n   ```bash\n   npm start //will start the metro server\n   a - android\n   i - ios\n   ```\n\n4. Start developing your business logic and connect it to the provided components and design system.\n\n5. Customize the design system to match your branding and visual requirements.\n\n6. Build and test your application on both iOS and Android platforms.\n\n## Step 3: Modifying your App\n\nNow that you have successfully run the app, let's modify it.\n\n1. Open `App.tsx` in your text editor of choice and edit some lines.\n2. For **Android**: Press the \u003ckbd\u003eR\u003c/kbd\u003e key twice or select **\"Reload\"** from the **Developer Menu** (\u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e (on Window and Linux) or \u003ckbd\u003eCmd ⌘\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e (on macOS)) to see your changes!\n\n   For **iOS**: Hit \u003ckbd\u003eCmd ⌘\u003c/kbd\u003e + \u003ckbd\u003eR\u003c/kbd\u003e in your iOS Simulator to reload the app and see your changes!\n\n## Congratulations! :tada:\n\nYou've successfully run and modified your React Native App. :partying_face:\n\n## How To use it?\n\n- Plug in your business logic. thats all\n\n### 1. React Navigation\n\nIntegrate React Navigation for handling navigation within your app. React Navigation provides an easy and customizable way to navigate between screens and manage navigation stacks.\n\n**Installation:**\n\n```bash\nnpm install @react-navigation/native\n```\n\n1. Configure your navigation structure within the `navigation` directory.\n2. Implement different navigation stacks for various sections of your app.\n\n### 2. Primitive Components\n\nExtend the inbuilt design system with additional primitive components that can be commonly used across your application. These might include buttons, input fields, modals, and more. Organize these components within the `components` directory.\n\n## Folder Structure\n\nUpdate the directory structure to reflect the new additions:\n\n```\nsrc\n - components\n   - primitive\n       - Input\n       - TextArea\n       - Card\n       - Modal\n       - Toasts\n       - Loader, etc\n    - appComponents\n - screens\n   - onboarding\n   - home\n   - buy\n   - sell\n   - recieve\n   - notification\n   - add-new-bank\n   - add-new-wallet\n   - account-settings\n\n - navigation\n   - AuthNavigator\n   - MainNavigator\n - utils\n   - constants\n   - helpers\n - theme\n     - colors\n     - typography\n     - spacing\n     - index\n - hooks\n - redux (new directory for Redux setup)\n   - actions\n   - reducers\n   - store\n```\n\n## Surprise----\n\nif you are intrested in building this, we got you covered🚀\n\nHyperRamp is a decentralized peer to peer on/off ramp based on https://www.reclaimprotocol.org/\n\nHere is the Figma - https://www.figma.com/file/0u2xwd8lK7HI8z7WaBKADK/HyperRamp?type=design\u0026node-id=0-1\u0026mode=design\n\n### How does it work?\n\n- A has crypto on-chain\n- B has fiat in his/her bank account\n- A submits their bank account number and bank name to a smart contract\n- B submits their bank account number and bank name to a smart contract\n- A deposits crypto into an on-chain smart contract (escrow)\n- B transfer the fiat to A’s bank account\n- B generates a zero knowledge proof that they did the transfer\n- B submits the zero knowledge proof to escrow to release the crypto\n\n### How does Reclaim itself work?\n\nhere are some documents to read:\n\n- https://apps.apple.com/ru/app/reclaim-wallet/id6447378796?l=en\n- https://play.google.com/store/apps/details?id=com.credentialswallet\n- https://docs.reclaimprotocol.org/\n\n## Now what?\n\n- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).\n- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).\n\n## Developer\n\n**Developer:** Koushith Amin\n\n- **Twitter:** [@koushithAmin](https://twitter.com/koushithAmin)\n- **Portfolio:** [koushith.com](https://koushith.com)\n\n## Usage\n\nThis project is designed to provide a solid foundation for building P2P onramp and offramp solutions. You can easily customize and extend it to fit your specific business requirements.\n\n## License\n\nThis project is open-source and available under the [MIT License](LICENSE).\n\nHappy coding! If you have any questions or need assistance, feel free to reach out to me.\n\n---\n\nFeel free to replace the placeholders and add your business logic. extend this starter code.\n\n### Screenshots\n\n#### Flow\n![Flow](https://github.com/Koushith/HyperRamp/assets/30016242/a0e45970-0f81-43ab-b32e-12c6dd5f2f20)\n\n#### Sitemap\n![Sitemap](https://github.com/Koushith/HyperRamp/assets/30016242/e5910654-fb6c-4a03-bf14-df782afc062f)\n\n\n#### Onboarding\n![Onboarding](https://github.com/Koushith/HyperRamp/assets/30016242/e0b74e8f-7ea6-4983-b852-64c2bfebdc94)\n\n#### Creating a Request\n![Creating a Request (1)](https://github.com/Koushith/HyperRamp/assets/30016242/4ac2d418-aa50-473c-b2e9-451a7a588804)\n\n#### Recieving a Request\n![Receiving a request](https://github.com/Koushith/HyperRamp/assets/30016242/765d346d-60dd-4cee-bfdf-29b445d77916)\n\n#### Add new Bank Account\n![Add new bank account](https://github.com/Koushith/HyperRamp/assets/30016242/891f09f6-4858-4ef0-b433-fb38b78154d5)\n\n#### Add new Wallet\n![Add a new wallet](https://github.com/Koushith/HyperRamp/assets/30016242/eafbefd7-f75b-4005-a0a7-dc3c1ccda0bf)\n\n#### Success Push Notification\n![iOS 15 Push Notifications](https://github.com/Koushith/HyperRamp/assets/30016242/ea62327d-56bc-411f-9003-ea9d6899d5f5)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkoushith%2Fhyperramp-p2p-starter-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkoushith%2Fhyperramp-p2p-starter-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkoushith%2Fhyperramp-p2p-starter-code/lists"}