https://github.com/benschlegel/react-native-todo-list
✔️Clean looking todo-list in react native
https://github.com/benschlegel/react-native-todo-list
android expo react-native typescript
Last synced: 2 months ago
JSON representation
✔️Clean looking todo-list in react native
- Host: GitHub
- URL: https://github.com/benschlegel/react-native-todo-list
- Owner: benschlegel
- Created: 2021-09-09T14:11:34.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-08-23T20:59:50.000Z (over 1 year ago)
- Last Synced: 2025-01-23T20:30:17.621Z (4 months ago)
- Topics: android, expo, react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 2.76 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📥 Local installation
Download the repository and run
```
expo install
```
and
```
expo start
```
---
## 📂 Project structure
This app is a managed expo typescript project (created with `expo init`).
---
* **📁`src`:** Contains main Component (`App.tsx`), entry point of app.
* *📄 `src/App.tsx`:* contains list items (`items`), `add-` and `deleteItem` callbacks and a basic view that wraps components from 📁`components`.
---
* **📁`components`:** Contains components that are used in main `App.tsx`.
* *📄 `components/Header.tsx`:* Simple header on top of app, displays name of current list (with option to return to list selection screen).
* *📄 `components/Input.tsx`:* Used to add new items to list, input component on bottom of screen.
* *📄`components/ListItem.tsx`:* Single item in list, can be deleted by swiping. Also contains logic for deleting item.
---
* **📁`types`:** Contains global types (mainly `Item` interface).
* *📄`index.d.ts`:* Global types/interfaces and styles.
---
* **📁`other`:** Configuration files
* *📄`.eslintrc.js`:* Contains eslint config for project
* *📄`app.json`:* Defines `expo`-configuration like `entryPoint`, `jsEngine`, app name etc.
SimpleList
