ToDo List In React Native - Ignite

Simple ToDo List In React Native

Status: Finished

About • Layout • How it works • Tech Stack • Author

About

ToDo List - The first React-Native module challenge in the Ignite course is a simple to-do list using the concept of state

Layout

Design in Figma

Click Here

How it works

Pre-requisites

Before you begin, you will need to have the following tools installed on your machine:
Git, Node.js.
In addition, it is good to have an editor to work with the code like VSCode

obs: If you want to run the app on an emulator and not on your own device, you will need to have the respective emulator installed and configured first.

Run the app

# Clone this repository
$ git clone https://github.com/Artur-Poffo/ToDo-List-Ignite-React-Native.git

# Access the project folder cmd/terminal
$ cd ToDo-List-Ignite-React-Native

# install the dependencies
$ npm install

# Run the application in development mode
$ npm run start

# After that you can press `a` to run the app in the Android emulator or `i` to run it in the IOS emulator

# Or you can test the app on your own device, for this you just need to install the Expo Go app, available for both Android and IOS and, within the app, scan the QR Code that appeared on your terminal when starting the server

Tech Stack

The following tools were used in the construction of the project:

• React
• React-Native
• Typescript
• Styled-Components
• react-native-bouncy-checkbox
• react-native-uuid
• Expo(Managed Workflow)
• expo-fonts
• @expo-google-fonts

See the file package.json

Author

• Artur Poffo - Developer