MyTodos: React Native

Introduction

MyTodos logs user using facebook login api. It allows the user to view pre-assigned todo list.

📢 Note

MyTodos has no backend, it uses a fake api generated using mockend.

Screenshots

Login	Signup	Setting

Todo	Details

Prerequisites

• npm

  npm install npm@latest -g

• expo CLI

  npm install -g expo-cli

• eas builder

  npm install -g eas-cli

Installation

1. clone repo

   git clone https://github.com/moatasemyakhni/todo-react-native.git

2. npm install

   npm install

3. include in app.json

   ...
   
   "plugins": [
     [
       "react-native-fbsdk-next",
       {
         "appID": "xxxxxxxx",
         "clientToken": "xxxxxxxxxxxxxx",
         "displayName": "your-fb-project-name",
         "scheme": "fbxxxxxxxx",
         "advertiserIDCollectionEnabled": false,
         "autoLogAppEventsEnabled": false,
         "isAutoInitEnabled": true,
         "iosUserTrackingPermission": "This identifier will be used to deliver personalized ads to you."
       }
     ],
     [
       "expo-image-picker",
       {
         "photosPermission": "The app accesses your photos to change profile picture."
       }
     ]
   ],
   
   ...
   "android": {
       ...
       "package": "com.packagename.todos"
       ...
   }
   ...
   "extra": {
     "eas": {
       "projectId": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx"
     }
     ...