Taskify

Taskify is task management application built with React Native and Appwrite. It allows you to create, manage, and organize their tasks efficiently.

Features

• Create tasks with titles, descriptions, dates, and priorities.
• Set reminders for tasks.
• Mark tasks as completed.
• View tasks based on various filters (e.g., today, upcoming, completed).
• Edit and delete tasks.
• User authentication and authorization using Appwrite.
• Secure storage of tasks and user data.

Screenshots

Installation

To run the Taskify app locally, follow these steps:

1. Clone this repository:

   git clone /~https://github.com/your-username/taskify.git
   Install dependencies:

2. Navigate to the project directory:

    cd taskify
    npm install
   

3. Configure Tailwind CSS Nativewind

   • Use tailwindcss@3.3.2 this version of tailwindcss with nativewind guide

   • Create my-app.d.ts file and add this code:

     /// <reference types="nativewind/types" />
     

     This step is mandatory to use the className prop in native components.

4. Configure Appwrite

   • Create an account on Appwrite.
   • Create a new project and add a database to it.
   • Create a new collection in the database with the following fields:
     • title (string)
     • description (string)
     • priority (enum: important, high, medium, low)
     • dueDate (datetime)
     • status (boolean - default: pending, completed)
   • Create a new API key with the following permissions:
     • Read and Write on the collection you created
     • Read and Write on the user collection
   • Copy the API endpoint and the API key and replace the placeholders in the src/lib/appwrite.ts file with your own values.

5. Start the app:

    npm start
   

   Open the app on your device using Expo Go or an emulator.

Usage

Once the app is running, you can:

• Create a new account or log in using an existing account.
• View the list of tasks.
• Create a new task by clicking the "Add" button.
• Edit or delete a task by clicking on the task card.
• Mark a task as completed by clicking the Mark as Complete button.
• View tasks based on various filters (e.g., today, upcoming, completed) using the tabs at the top of the screen.

Tech Stack

• React Native
• Appwrite
• Expo
• Tailwind CSS
• TypeScript
• React Navigation
• React Hook Form
• Moment
• React Native Toast Notifications
• Zustand

Contributing

Contributions are welcome! Here are some ways you can contribute:

• Report bugs and make suggestions for new features by opening an issue.
• Contribute to the project by opening a pull request.

License

This project is open source and available under the MIT License.