{"id":20078741,"url":"https://github.com/wpdas/nubank-mobile-app","last_synced_at":"2025-05-05T22:32:56.404Z","repository":{"id":41670957,"uuid":"256027191","full_name":"wpdas/nubank-mobile-app","owner":"wpdas","description":"Mobile application developed using React Native and TypeScript. This application is based on the Nubank user interface (Brazilian company) and was made from scratch.","archived":false,"fork":false,"pushed_at":"2022-12-05T20:52:52.000Z","size":3722,"stargazers_count":4,"open_issues_count":11,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-09T05:33:23.062Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wpdas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-04-15T20:19:39.000Z","updated_at":"2024-12-20T12:28:22.000Z","dependencies_parsed_at":"2023-01-24T07:00:13.145Z","dependency_job_id":null,"html_url":"https://github.com/wpdas/nubank-mobile-app","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/wpdas%2Fnubank-mobile-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wpdas%2Fnubank-mobile-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wpdas%2Fnubank-mobile-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wpdas%2Fnubank-mobile-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wpdas","download_url":"https://codeload.github.com/wpdas/nubank-mobile-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252586372,"owners_count":21772286,"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-11-13T15:16:24.853Z","updated_at":"2025-05-05T22:32:55.922Z","avatar_url":"https://github.com/wpdas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nubank Mobile App (React Native) - Replica\n\n[Content in Portuguese](https://github.com/Wpdas/nubank-mobile-app/blob/master/README_pt_BR.md)\n\nMobile app developed using React Native. This application is based on the Nubank user interface (Brazilian company) and was made from scratch.\n\nProject developed using TypeScript and some packages for implementing features in the app like i18n (internationalization), styled-components. I'm also using tools for code quality, build and compiler, they are tslint, prettier, tslint-react, babel and others. Dynamic Context APIs was used to create Theme and Locate Provider components (internationalization).\n\n**Native resources:** Animation, Easing, StyleSheet, Gesture Handler, Swiper, Navigation, QRCode, Vector Icons, Svg, and others;\u003c/br\u003e\n**React APIs:** createContext, useContext, useState;\u003c/br\u003e\n**Third-party:** styled-components and i18n.\u003c/br\u003e\n**Font:** NunitoSans\n\n### :art: Demo GIF\n\n![Demo](https://wendersonpdas-public-github-files.s3-us-west-2.amazonaws.com/nubank_reactnative_app_2.gif)\u003c/br\u003e\n[Watch the vídeo](https://drive.google.com/open?id=1F5cHaX9DcOC8FvKBc4SjbE8RLZaMe550)\n\n## :interrobang: Why\n\nMy interest in developing this project started after seeing the wonderful work of [@ildaneta](https://github.com/ildaneta) through LinkedIn and I also took advantage of the period at home during the Covid-19 pandemic to put certain projects into practice.\n\n## :mortar_board: How to use\n\nAfter cloning the repository, run the following commands:\n\n```bash\n# Updates the required packages and dependencies:\nyarn\n```\n\n```bash\n# Runs the project\nyarn start\n```\n\n```bash\n# Runs the app on an Android Device / Emulator\nyarn android\n```\n\n```bash\n# Runs the app on an iOS simulator\nyarn ios\n```\n\n## :green_book: Good to know\n\nThe bases for the TypeScript import function are configured in the `tsconfig.json` and`babel.config.js` files:\n\n```json\n\"@components/*\": \"src/components/*\",\n\"@assets/*\": \"src/assets/*\",\n\"@theme\": \"src/theme/index.tsx\",\n\"@locale\": \"src/locale/index.tsx\"\n```\n\n## :mag: Helpful content\n\n- [Nubank Design material - Andrea \u0026 André](https://www.behance.net/gallery/42918779/Nubank)\n- [Nunito Sans - Google Fonts](https://fonts.google.com/specimen/Nunito+Sans)\n- [Setup guide - Rocketseat](https://react-native.rocketseat.dev/)\n- [Initial Nubank UI - Rocketseat](https://www.youtube.com/watch?v=DDm0M_rZLJo\u0026t=1s)\n- [General React Native content - The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg)\n- [Internationalization using i18n - Isac](https://medium.com/reactbrasil/internacionaliza%C3%A7%C3%A3o-em-react-native-77fb1a56f8e9)\n- [Flexbox - CSS Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)\n- [UI - Advanced Style Components](https://styled-components.com/docs/advanced)\n- [Icons - Simple Line Icons](https://simplelineicons.github.io/)\n- [Setup custon fonts - Tamas Szikszai](https://medium.com/better-programming/using-custom-fonts-in-react-native-2019-289099609837)\n\n## :bowtie: Author\n\n[Wenderson Pires - Linkedin](https://www.linkedin.com/in/wenderson-pires-silva/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwpdas%2Fnubank-mobile-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwpdas%2Fnubank-mobile-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwpdas%2Fnubank-mobile-app/lists"}