Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yousefkhalaf0/taskease
A simple React Native app for adding and deleting text-based cards, featuring input validation and a scrollable list. 🚀
https://github.com/yousefkhalaf0/taskease
android cross-platform emulator ios javascript mobile-development react-native reactjs website
Last synced: 2 days ago
JSON representation
A simple React Native app for adding and deleting text-based cards, featuring input validation and a scrollable list. 🚀
- Host: GitHub
- URL: https://github.com/yousefkhalaf0/taskease
- Owner: yousefkhalaf0
- Created: 2025-02-05T11:30:12.000Z (6 days ago)
- Default Branch: main
- Last Pushed: 2025-02-05T11:33:17.000Z (6 days ago)
- Last Synced: 2025-02-05T12:30:51.195Z (6 days ago)
- Topics: android, cross-platform, emulator, ios, javascript, mobile-development, react-native, reactjs, website
- Language: Kotlin
- Homepage:
- Size: 230 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Card App
## Description
This is a simple React Native app that allows users to add and delete text-based cards. It features a text input field for entering a title, a button to add the title as a card, and a scrollable list displaying the created cards with an option to delete them.
## Features
- Add new cards with a title.
- Display cards in a scrollable list.
- Delete cards individually.
- Basic input validation to prevent empty entries.
## Technologies Used
- React Native
- TypeScript (for strong type checking)
## Installation
1. Clone the repository:
```sh
git clone
```
2. Navigate to the project directory:
```sh
cd
```
3. Install dependencies:
```sh
npm install
```
4. Start the development server:
```sh
npx expo start
```
## Usage
1. Enter a title in the input field.
2. Press the "Add" button to create a new card.
3. Scroll through the list to view all added cards.
4. Press the "Delete" button on any card to remove it.
## File Structure
```
.
├── App.tsx # Main application file
├── package.json # Project dependencies
├── tsconfig.json # TypeScript configuration
└── README.md # Project documentation
```
## Future Improvements
- Add persistent storage using AsyncStorage.
- Implement animations for adding and deleting cards.
- Enhance UI/UX with styled components.
## License
This project is licensed under the MIT License.