{"id":22337518,"url":"https://github.com/jhonatanmizu/challenge-payment-flow","last_synced_at":"2025-07-31T03:43:19.322Z","repository":{"id":263680723,"uuid":"891157096","full_name":"Jhonatanmizu/challenge-payment-flow","owner":"Jhonatanmizu","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-22T13:22:31.000Z","size":1532,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-31T09:44:56.770Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Jhonatanmizu.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":"2024-11-19T20:37:28.000Z","updated_at":"2024-12-02T04:50:07.000Z","dependencies_parsed_at":"2024-11-19T21:43:41.989Z","dependency_job_id":null,"html_url":"https://github.com/Jhonatanmizu/challenge-payment-flow","commit_stats":null,"previous_names":["jhonatanmizu/challenge-payment-flow"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhonatanmizu%2Fchallenge-payment-flow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhonatanmizu%2Fchallenge-payment-flow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhonatanmizu%2Fchallenge-payment-flow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jhonatanmizu%2Fchallenge-payment-flow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jhonatanmizu","download_url":"https://codeload.github.com/Jhonatanmizu/challenge-payment-flow/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245616044,"owners_count":20644581,"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":[],"created_at":"2024-12-04T06:10:11.761Z","updated_at":"2025-03-26T08:23:26.905Z","avatar_url":"https://github.com/Jhonatanmizu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Challenge: Payment Flow 💰**\n\n## **Goal**\n\nThe purpose of this app is to solve a challenge involving the implementation of a payment flow. It demonstrates the handling of various stages of a payment process, including selecting a payment method, applying installments, and displaying the payment results.\n\n---\n\n## **Routes**\n\nThe app contains the following key routes:\n\n- **Payment Resume**: Displays a summary of the payment details.\n- **Payment Success**: Shows a success screen upon completing a payment.\n- **Processing Payment**: Indicates that the payment is being processed.\n\n---\n\n## **Features**\n\n- Select a payment method.\n- Apply and configure installment options for payments.\n\n---\n\n### Core Libraries\n\n- **React**: A library for building user interfaces.\n- **React Native**: A framework for building native apps using React.\n- **Expo**: A framework and platform for universal React applications.\n\n### Navigation\n\n- **@expo/router**: Navigation for bottom tab bars in React Native.\n\n### State Management\n\n- **Zustand**: A small, fast, and scalable state management library.\n\n### UI Components and Animations\n\n- **@expo/vector-icons**: Icons for React Native projects.\n- **react-native-paper**: UI library with components adhering to the Material Design guidelines.\n- **lottie-react-native**: For rendering Lottie animations.\n- **react-native-animatable**: For creating animations.\n\n### Styling\n\n- **@shopify/restyle**: A utility library for styling React Native components.\n\n### Localization\n\n- **i18next**: Internationalization framework.\n- **react-i18next**: React bindings for i18next.\n- **expo-localization**: Provides localization information.\n\n---\n\n## **Screenshots**\n\n![Payment Flow Screenshot]()\n\n---\n\n## **Getting Started**\n\n### **Prerequisites**\n\nTo run this project, you will need:\n\n- A drink (highly recommend coffee ☕ for best performance)\n- [Node.js](https://nodejs.org/)\n- A code editor (recommendation: [Visual Studio Code](https://code.visualstudio.com/))\n- The Expo Go app installed on your mobile device for testing on a physical device.\n- [Android Studio](https://developer.android.com/studio) (optional, if you want to test the app on an emulator).\n\n---\n\n### **How to Run the Project**\n\n1. Clone this repository to your local machine.\n2. Install the project dependencies:\n   ```bash\n   yarn install\n   ```\n3. Start the project with Expo:\n   ```bash\n   npx expo start\n   ```\n4. Use Expo Go on your mobile device or connect an emulator to test the app.\n\n---\n\n## **Contributing**\n\nWant to contribute? Here's how you can help:\n\n1. Create a new branch for your changes:\n   ```bash\n   git checkout -b your-branch-name\n   ```\n2. Implement your changes and commit them with a meaningful message:\n   ```bash\n   git commit -m \":sparkles: Your message here\"\n   ```\n3. Push your branch to the remote repository:\n   ```bash\n   git push\n   ```\n4. Open a pull request and request a code review.\n\n---\n\n## **Git Workflow**\n\n### Common Commands:\n\n- **Create a new branch**:\n  ```bash\n  git checkout -b your-branch-name\n  ```\n- **Switch to a branch**:\n  ```bash\n  git checkout branch-name\n  ```\n- **Commit your changes**:\n  ```bash\n  git commit -m \"Your commit message\"\n  ```\n- **Push changes to remote**:\n  ```bash\n  git push\n  ```\n- **Pull updates from remote**:\n  ```bash\n  git pull\n  ```\n\n---\n\n## **Development Setup**\n\nNeed help setting up your React Native environment? Check out [this guide](https://react-native.rocketseat.dev) for step-by-step instructions.\n\n---\n\n## **Starting a Pull Request**\n\n1. Create a branch based on the `main` branch:\n   ```bash\n   git checkout -b feature/your-feature-name\n   ```\n2. Make your changes and commit to your branch.\n3. Push your branch to the remote repository.\n4. Create a pull request and ensure it is reviewed before merging.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhonatanmizu%2Fchallenge-payment-flow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjhonatanmizu%2Fchallenge-payment-flow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhonatanmizu%2Fchallenge-payment-flow/lists"}