Skip to content

whoismarios/ReactNativeToDoList

Repository files navigation

React Native To-Do-List

This is my first React-Native Project.
I created it using Expo and an iPhone 14 Pro Max Simulator.

To clone the Project paste the following code in your terminal:

git clone https://github.com/whoismarios/ReactNativeToDoList.git

Then you have to change the directory:

cd ToDoList/

Create a .env file inside the root folder. Add your Unsplash API Key

UNSPLASH_ACCESS_KEY=your-key-here

Install all dependencies

npm install

And finally run the npm-script

npm start

You can also run the Application on a real Device using the Expo Go App. Just run the following script:

npm run mobile

The Project covers a couple of Basics:

  • State Hooks (useState and useEffect)
  • AsyncStorage (Localstorage to safe user data)
  • React Native Core Components (Modal, TextInput, ImageBackground, FlatList, Alert, Pressable ...)
  • Custom Components with props
  • React-Native-Chart-Kit
  • React-Native-Haptics (expo-haptics)
  • React-Native-Datetimepicker
  • React-Native Notifications
  • Unsplash API (HTTP-Request)
  • React-Native-Swipeable

How does the Application look like?

Welcome Screen

Bildschirm­foto 2023-03-23 um 14 07 38

Home

Main

Add Task Modal

addTask

Statistic Modal

Statistics

Category Modal

category

Settings Modal

settings


What's next?

  • Clean up Code
  • Testing
  • Detailed Documentation and README.md file

Authors

Documentation

Documentation ... soon available

About

React Native ToDo-List

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published