Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/piyushg-07/codefobe
https://github.com/piyushg-07/codefobe
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/piyushg-07/codefobe
- Owner: piyushg-07
- Created: 2023-12-27T22:46:05.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-12-28T10:35:41.000Z (about 1 year ago)
- Last Synced: 2024-07-25T20:59:33.341Z (6 months ago)
- Language: JavaScript
- Size: 4 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Create React Native App
Create React Native apps with no build configuration.
```sh
npx create-react-native-app
```
Once you're up and running with Create React Native App, visit [this tutorial](https://reactnative.dev/docs/tutorial.html) for more information on building apps with React Native.
## A brief overview of the project
- User Data Fetching & Data Handling:
- Utilizes the Axios library to make HTTP requests.
- Fetches user data from the 'https://random-data-api.com/api/users/random_user' API endpoint.
- User Profile Screen:
- Displays user profile information in a ScrollView.
- Background image is set using ImageBackground component with a specified image source.
- User details such as ID, username, avatar, full name, email, gender, phone number, date of birth, and UID are shown.
- Refresh Functionality:
- Provides a "Refresh" button to fetch a new random user's data.
- Utilizes the fetchData function to fetch and update the user data on button press.
- Navigation:
- Utilizes React Navigation for navigation within the app.
- Navigates back to the previous screen when the "arrow-back" button is pressed.
- Styling and UI Elements:
- Applies styles to format and present the UI elements.
- Uses various components such as Text, Image, ScrollView, View, TouchableOpacity, and Ionicons for a rich user interface.
- Error Handling:
- Implements error handling for API requests, logging errors to the console.
- Code Quality:
- Clean, organized, and well-commented code
- React Native Usage:
- Efficient use of React Native components and navigation
- Expo Usage:
- Developed using Expo, including Expo-specific components and features.
## Features
- Native project ready to be built on to your device.
- Support for unimodules and auto-linking.
- OTA updates, and Gestures out of the box.
- Full support for React Native web.
- TypeScript by default.
- Works with the Expo Client app.
## Usage
- `npx create-react-native-app` Create a new React Native app.
- `yarn ios` -- (`react-native run-ios`) Build the iOS App (requires a MacOS computer).
- `yarn android` -- (`react-native run-android`) Build the Android App.
- `yarn web` -- (`expo start:web`) Run the website in your browser.
## Sections
- [Usage with Expo Client App](#usage-with-expo-client-app)
- [Support and Contact](#support-and-contact)
- [FAQs](#faqs)
- [Contributing](#contributing)
## Usage with Expo Client App
Expo Client enables you to work with all of the [Components and APIs](https://facebook.github.io/react-native/docs/getting-started.html) in React Native, as well as the [JavaScript APIs](https://docs.expo.io/versions/latest/sdk/index.html) that the are bundled with the Expo App.
Expo Client supports running any project that doesn't have custom native modules added.
- Download the "Expo Client" app from the Play Store or App Store.
- Start your project with Expo
- Install the CLI `npm i -g expo-cli`
- Install the CLI `npm i `
- Start the project `npm expo start --tunnel`
- Open the project:
- Sign in to expo and the project will appear in the app.
- Or point your phone's camera at the QR code in the terminal (press "c" to view it).
## Support and Contact
If you're having issues with Create React Native App, please make sure:
- The issue is not covered in the [Expo Docs](https://docs.expo.io/versions/latest/)
- There is not already an [open issue](https://github.com/expo/expo-cli/issues) for your particular problem
If you've checked the documentation and currently open issues, please either [open a new GitHub issue](https://github.com/expo/create-react-native-app/issues/new) or ask a question on [Expo forums](https://forums.expo.io/c/help).
## Contributing
Please see [Contributing guide](https://github.com/expo/expo-cli/blob/master/CONTRIBUTING.md) in the Expo CLI monorepo for instructions on contributing to Expo CLI.
#### Happy?? Star ⭐ this Repo. 🤩
[](https://github.com/piug-07/CodeFobe)
[](https://github.com/piug-07/CodeFobe)
[](https://github.com/piug-07/CodeFobe)
[](https://github.com/piug-07/CodeFobe)
> Made By Piyush with ❤️
[](https://github.com/piug-07/CodeFobe)
[](https://github.com/piug-07/CodeFobe)
---
## Connect with us
