How to Create a Random User Generator App with React Native

Random User Generator

This project consumes an webAPI and generates a person with respective credentials, such as:

• name & gender
• Id
• Mail
• Phone number
• Country
• Random job

Random user API: https://randomuser.me/

Project built with default React-Native CLI :

• Verion : 0.72.3

Project prints:

Note: To open the app, search for the project directory on the terminal, run the 'npm install' command and after installing the dependencies, run 'npx react-native start' to open the metro.

.eslintrc.js

module.exports = {
  root: true,
  extends: '@react-native',
};

.gitignore

# OSX
#
.DS_Store

# Xcode
#
build/
*.pbxuser
!default.pbxuser
*.mode1v3
!default.mode1v3
*.mode2v3
!default.mode2v3
*.perspectivev3
!default.perspectivev3
xcuserdata
*.xccheckout
*.moved-aside
DerivedData
*.hmap
*.ipa
*.xcuserstate
ios/.xcode.env.local

# Android/IntelliJ
#
build/
.idea
.gradle
local.properties
*.iml
*.hprof
.cxx/
*.keystore
!debug.keystore

# node.js
#
node_modules/
npm-debug.log
yarn-error.log

# fastlane
#
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
# screenshots whenever they are needed.
# For more information about the recommended setup visit:
# https://docs.fastlane.tools/best-practices/source-control/

**/fastlane/report.xml
**/fastlane/Preview.html
**/fastlane/screenshots
**/fastlane/test_output

# Bundle artifact
*.jsbundle

# Ruby / CocoaPods
/ios/Pods/
/vendor/bundle/

# Temporary files created by Metro to check the health of the file watcher
.metro-health-check*

# testing
/coverage

.prettierrc.js

module.exports = {
  arrowParens: 'avoid',
  bracketSameLine: true,
  bracketSpacing: false,
  singleQuote: true,
  trailingComma: 'all',
};

Download details:

Author: LucasMarmittCatarino
Source: https://github.com/LucasMarmittCatarino/RandomUserGenerator

#react #reactnative