Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/youssef-remah/todo-list-mobile-app


https://github.com/youssef-remah/todo-list-mobile-app

Last synced: 5 days ago
JSON representation

Awesome Lists containing this project

README 

        
# Todo List Mobile App



Welcome to the Todo List Mobile App repository! This is a simple React Native mobile app that allows users to manage their tasks effectively.

With an intuitive user interface, you can **add** tasks, mark them as **completed**, and **delete** them as needed.



## Features



- **Add tasks:** Use the input field at the top of the screen to enter your task name, then press the "Add" button to add it to your task list.

- **Task List:** All your tasks will be displayed in a scrollable list below the input field. You can easily scroll through your tasks.

- **Task Completion:** Each task in the list will have a checkbox next to it. You can mark a task as completed by checking the checkbox.

- **Task Deletion:** To remove a task, you can mark the "Delete" checkbox associated with each task. Once marked, the selected task will be removed from your task list.

- **Tasks Summary:** A title above the task list will show you how many tasks are done from your task list, helping you keep track of your progress.



## Installation



Follow these steps to set up and run the Todo List Mobile App on your local machine:



### Prerequisites



Before you begin, ensure you have the following installed:



- Node.js - JavaScript runtime environment.



- Expo CLI - Command-line interface for Expo.



### Clone the Repository



1- Open your terminal.



2- Clone this repository to your desired location:



`git clone https://github.com/your-username/Todo-List-Mobile-App.git`



3- Navigate to the project directory:



`cd Todo-List-Mobile-App`



### Install Dependencies



Install the necessary project dependencies located in `package.json` file using Node Package Manager (npm):



`npm install`



### Start the App



Now you're ready to start the Todo List Mobile App :



1- Launch the Expo development server:



`npx expo start`



2- A new browser window will open, displaying the Expo Developer Tools.



3- To run the app on your preferred platform:



- **Expo Go App (on your mobile device):**



  Scan the `QR code` displayed in the browser using the Expo Go app on your iOS or Android device.



- **Web Browser:**



  Press `w` in the terminal to open the app in your default web browser.



- **iOS Simulator:**



  Press `i` in the terminal to open the app in the iOS simulator if you're on a macOS system and have Xcode installed.



- **Android Emulator:**



  Press `a` in the terminal to open the app in the Android emulator if you have it set up.



## Screenshots



 If you would like to see screenshots for the application, open the `Screenshots_of_The_App` folder.