This is a React Native project that allows you to connect to an ESP based smart automatic fish tank
-
Installation: First, install project dependencies by running:
npm install
-
Update IP Address: Open
App.tsx
in your text editor and replace"esp IP address"
with the IP address of your Arduino device. You can find the IP address by uploading a sketch to your ESP32 that includesSerial.println(WiFi.localIP());
. Refer to this tutorial for detailed instructions. -
Connect to Same Network: Make sure both your ESP device and your mobile device are connected to the same Wi-Fi network.
-
Start Metro Bundler: Start the Metro Bundler by running:
npm start
-
Run on Android: To run the app on an Android device or emulator, use:
npm run android
or
use 'a' to start building on android
-
Reload App: For Android, press the R key twice or select "Reload" from the Developer Menu (Ctrl + M on Windows/Linux or Cmd ⌘ + M on macOS) to see your changes.
For iOS, hit Cmd ⌘ + R in your iOS Simulator to reload the app and see your changes.
If you encounter any issues, refer to the Troubleshooting page of the React Native documentation.
- React Native Website: Learn more about React Native.
- Getting Started: Overview of React Native and how to set up your environment.
- Learn the Basics: Guided tour of React Native basics.
- Blog: Read the latest official React Native blog posts.
@facebook/react-native
: Open Source GitHub repository for React Native.