hub /  roarman /  native-base-todo-hasura
2 min(s)
67 Pull(s)

A React Native todo application with NativeBase UI, Hasura backend and Redux.


Detailed description

React Native Todo App with NativeBase UI

This is a fully working React Native application which uses NativeBase for UI, Hasura for backend and redux for state management.

App Gif

Follow the steps below to get the app running quickly.

Get the app running

Get the project

$ hasura quickstart roarman/native-base-todo-hasura
  1. This clones the project to a directory native-base-todo-hasura. The react-native code lies in native-base-todo-hasura/react-native directory.
  2. It creates a free hasura cluster for you.

Configure the project

  1. Install node_modules. Run npm install from the react-native direcotry.
$ cd react-native && npm install
  1. Get your cluster name. Run hasura cluster status. Copy the cluster name.

  2. Go to react-native/src/hasuraAPi.js. Add your cluster name to this file.
clusterName = "buns47" //here "buns47" is the cluster name. Add your own.

Deploy the project with git push

$ git add .
$ git commit -m "First commit"
$ git push hasura master

Opening the application

  1. Run npm start from the react-native directory.
  2. Scan the generated QR code from the Expo app on your phone. (Install from playstore or apple store)
  3. App will open up on your phone.


If you are stuck anywhere or if you find any bugs or issues with this application, please raise an issue here.

Author & License

OSS license: MIT License