Skip to content

An attempt to write raw react-native todo app from scratch with functional components only using hooks

Notifications You must be signed in to change notification settings

ooanishoo/react-native-todo

Repository files navigation

react-native-todo

A basic todo app built in react-native using hooks only. Basic functionality includes:

- Add todo
- List todos
- Mark todo as checked / unchecked 
- Remove todo from todo list

Screenshots

Screen Shot 2020-03-09 at 3 36 20 pm Screen Shot 2020-03-09 at 3 36 20 pm Screen Shot 2020-03-09 at 3 36 20 pm Screen Shot 2020-03-09 at 3 36 20 pm

Getting Started

Pre-requisties

  • Make sure you have Node 10 LTS or greater installed.
  • You can use npm to install the Expo CLI command line utility:
    npm install -g expo-cli
    
  • Install Expo Client, if you want to run the app on your ios device.

Installation

Step 1:

Download or clone this repo by using the link below:

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

Step 2:

Go to project root folder

cd react-native-todo

Step 3:

Execute the following command in console to get the required dependencies:

npm install

Step 4:

Make sure you have an ios Simulator or Android Emulator running or have an ios device with you:

npm start # you can also use: expo start

Step 5:

You should see something like this on your terminal

Screen Shot 2020-03-10 at 2 01 58 pm

Step 6:

You can:

  • Press a to launch the app in Android emulator,
  • Press i to launch the app in ios simulator,
  • OR Scan the QR code on your ios device using your camera to open the app in Expo Client.

Found this project useful ❤️

  • Support by clicking the ⭐️: button on the upper right of this page. ✌️

About

An attempt to write raw react-native todo app from scratch with functional components only using hooks

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published