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

https://github.com/luismda/react-native-todo

To-do list app for creating and managing tasks.
https://github.com/luismda/react-native-todo

expo react-native typescript

Last synced: about 2 months ago
JSON representation

To-do list app for creating and managing tasks.

Awesome Lists containing this project

README

          

# To-do List 📋✅

Tela inicial do aplicativo mostrando a lista de tarefas vazia.
Tela inicial do aplicativo mostrando o preenchimento do campo de texto com o nome da tarefa a ser adicionada na lista.
Tela inicial do aplicativo mostrando uma lista com quatro tarefas, sendo duas delas completas e as outras duas não completas.
Tela inicial do aplicativo mostrando um alerta de confirmação com as opções de cancelar e remover ao pressionar o botão de remover uma tarefa.

---

## About

This project is a to-do app that allows you to add, mark and unmark a task as complete and remove tasks. The project was developed using **React Native**, **Expo Managed Workflow** and **TypeScript**.

Also, this project was a React Native training challenge from [**Rocketseat**](https://github.com/rocketseat-education) **Ignite** course. The main objective of this app was to practice the basics of React and React Native like states, components, immutability, styling, lists, rendering, among many other things.

[**Access the project layout in Figma**](https://www.figma.com/file/1XfZQGSWk4HWjvwcjd2nOP/ToDo-List/duplicate)

## Instructions

- Requirements:
- [Node.js LTS](https://nodejs.org/en)

1. Clone the repository:

```sh
git clone https://github.com/luismda/react-native-todo.git
```

2. Install the dependencies:

```sh
npm i
```

3. Run app:

```sh
npm start
```

4. To preview the app, you can use Expo Go on your physical device or use an Android or iPhone emulator on your computer. See some more details in the [**React Native**](https://reactnative.dev/docs/environment-setup?guide=quickstart) and [**Expo**](https://docs.expo.dev/get-started/expo-go/) documentation.

## Created by

Luís Miguel | [**LinkedIn**](https://www.linkedin.com/in/luis-miguel-dutra-alves/)

##

**#NeverStopLearning 🚀**