https://github.com/whoismarios/reactnativetodolist

React Native ToDo-List
https://github.com/whoismarios/reactnativetodolist

react-native

Last synced: 2 months ago
JSON representation

React Native ToDo-List

• Host: GitHub
• URL: https://github.com/whoismarios/reactnativetodolist
• Owner: whoismarios
• Created: 2023-03-16T21:34:05.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-01T10:19:01.000Z (about 3 years ago)
• Last Synced: 2025-01-04T08:38:26.649Z (over 1 year ago)
• Topics: react-native
• Language: JavaScript
• Homepage:
• Size: 2.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# 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:

```bash

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

```

Then you have to change the directory:

```bash

cd ToDoList/

```

Create a .env file inside the root folder.

Add your Unsplash API Key

```bash

UNSPLASH_ACCESS_KEY=your-key-here

```

Install all dependencies

```bash

npm install

```

And finally run the npm-script

```bash

npm start

```

You can also run the Application on a real Device using the Expo Go App.

Just run the following script:

```bash

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](https://user-images.githubusercontent.com/103110817/227214414-14a66a0f-4cf2-45ab-8289-2ea3dcf3a128.png)

#### Home

![Main](https://user-images.githubusercontent.com/103110817/232329805-83f715ca-e793-4eb3-8fc5-8f36877ddeb3.jpg)

#### Add Task Modal

![addTask](https://user-images.githubusercontent.com/103110817/232329831-7da94c5d-3e6e-4b71-a8ab-62060d2e4163.png)

#### Statistic Modal

![Statistics](https://user-images.githubusercontent.com/103110817/232329847-4abcfca2-6ded-4df6-8c51-1e624c829c7a.png)

#### Category Modal

![category](https://user-images.githubusercontent.com/103110817/232329855-10d3064f-15c7-4034-9744-f51b44192c16.png)

#### Settings Modal

![settings](https://user-images.githubusercontent.com/103110817/232329863-ab2daccb-cf80-475c-98e8-5a627cce921c.png)

---

### What's next?

- Clean up Code

- Testing

- Detailed Documentation and README.md file

## Authors

- [@whoismarios](https://www.github.com/whoismarios)

## Documentation

[Documentation](https://)

... soon available