This is a React Native App to test my first impressions with Tailwind CSS + React Native components. The data are fetch from Weather API.
Project created with Expo CLI. See official docs to set up the environment.
The following tools were used to build the project:
- Expo
- React Native
- TypeScript
- ESLint
- Prettier
- React Native SVG
- Async Storage
- Hero Icons
- Axios
- React Native Circular Progress
- React Navigation: Routes and navigation
- React Native Reanimated: React Native Reanimated is a powerful animation library.
- Native Wind: NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native. NativeWind components can be shared between platforms and will output their styles as CSS StyleSheet on web and StyleSheet.create for native.
To run this project, you will need to add the following environment variables to your .env
EXPO_PUBLIC_API_KEY
First you need to install the native packages and dependencies.
yarn
Run on IOS
yarn ios
Run on Android
yarn android