Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nemethricsi/react-native-swapi
homework
https://github.com/nemethricsi/react-native-swapi
Last synced: 5 days ago
JSON representation
homework
- Host: GitHub
- URL: https://github.com/nemethricsi/react-native-swapi
- Owner: nemethricsi
- Created: 2024-08-13T04:12:27.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-14T08:18:01.000Z (6 months ago)
- Last Synced: 2024-10-04T16:22:10.805Z (4 months ago)
- Language: TypeScript
- Size: 352 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Medalyst React Native Homework 👋
This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
## Get started
1. Install dependencies
```bash
npm install
```
2. Start the app
```bash
npx expo start
```
3. Open QR code with Expo Go:
[Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
## Design steps
- React Native application was created based on [official documentation](https://reactnative.dev/docs/environment-setup).
- API integration was added with Typescrcipt based on [SWAPI docs](https://swapi.dev/documentation#people).
- Test cases were added using `@testing-library/react-native` because `react-test-renderer` is [deprecated](https://react.dev/blog/2024/04/25/react-19-upgrade-guide#deprecated-react-test-renderer).
- The app is using a custom hook (`useSearch`) to leverage the search functionality.
- Next steps could be a _new stack screen_ to display the details of the characters.
## Demo
https://github.com/user-attachments/assets/d35c4f61-688e-4676-b3d9-856fc1c9667e