gokserpirik / react-native-todo

A simple To-Do app that allows you to create and manage a list of tasks. Built with React Native, Redux, Firebase, and Expo. Easy to set up and use, with a user-friendly interface and a Firestore structure that is easy to understand.

To-do App

To-do app is a simple app that allows you to create a list of tasks you need to complete. It is built with react-native, redux, firebase and expo.

Table of Content:

• About The App
• Screenshots
• Technologies
• Setup
• Approach
• Status

About The App

This app is a simple to-do app that allows you to create a list of tasks you need to complete. It also has quote feature that gives you a quote to motivate you. It is built with react-native, redux, firebase and expo.

Screenshots

Technologies

• React Native
• Redux
• Firebase
• Expo
• React Navigation

Setup

• download or clone the repository
• run npm install to install all the dependencies
• create a firebase project and add the firebase config to the firebase/index.js file
• set up the firebase database, enable email authentication and add the rules to the database
• run npm run start or npm run android or npm run ios to start the app

firestore structure:

{
  "users": {
    "user_id": {
      "todos": [
        {
          "id": "todo_id",
          "text": "todo_title",
          "description": "todo_description",
          "completed": false
        }
      ]
    }
  }
}

Approach

• I started by creating the app with expo and react-native
• added redux to the app
• added firebase to the app
• added the login feature to the app
• added the logout feature to the app
• added the todo feature to the app
• added the quote feature to the app
• added react-navigation to the app

Status

This app is my first react-native app. It is a sample app that I built to learn react-native.