Tiko ToDoList Task

Table of Contents

• Introduction
• Prerequisites
• Installation
• Running the Project
• Scripts
• Features
• Technologies Used

Introduction

ToDoList is a React Native application that allows users to manage their to-do list with features like adding, editing, and deleting tasks.

Prerequisites

• Node.js version 18 or higher.
• npm (comes with Node.js) or Yarn package manager.
• Java Development Kit (JDK) for Android development.
• Xcode for iOS development (macOS only).
• CocoaPods for managing iOS dependencies (macOS only).

Installation

1. Clone the repository:

   git clone <repository_url>
   cd tikoToDoListChallenge

2. Install the dependencies:

   npm install
   # or if you use Yarn
   yarn install

3. Install iOS dependencies:

   cd ios
   pod install
   cd ..

Running the Project

1. Start the Metro bundler:

   npm start
   # or if you use Yarn
   yarn start

2. Run the application:

   • For Android:

     npm run android
     # or if you use Yarn
     yarn android

   • For iOS:

     npm run ios
     # or if you use Yarn
     yarn ios

3. Create an .env file with API_BASE_URL in the root folder

Scripts

• npm start / yarn start: Start the Metro bundler.
• npm run android / yarn android: Run the application on an Android device or emulator.
• npm run ios / yarn ios: Run the application on an iOS device or simulator.
• npm run test / yarn test: Run the test suite.

Features

• Registration with BE side validation
• LogIn/LogOut functionality
• Add new tasks to the to-do list.
• Edit existing tasks.
• Delete tasks from the to-do list.
• Responsive design for both Android and iOS.

Technologies Used

• React Native: Framework for building native apps using React.
• MobX: State management library.
• Axios: Promise-based HTTP client for making API requests.
• @gorhom/bottom-sheet: Bottom sheet component for React Native.
• react-native-reanimated: Library for animations in React Native.
• react-hook-form: Library for managing form state.