With Taskly, you can:

• Easily Add Tasks: Quickly add new tasks with a title and optional due date to keep your to-do list up-to-date.
• Track Progress: Mark tasks as completed to see your progress, with a dynamic count and percentage of tasks completed.
• Search and Filter: Use the search bar to filter tasks by keywords and toggle between active and completed tasks for better organization.
• Edit and Remove Tasks: Edit task details as needed and remove tasks once they are completed to keep your list tidy.
• Receive Notifications: Get instant feedback with notifications when tasks are added, edited, or removed.
• Responsive Design: Enjoy a seamless experience across different devices and screen sizes, whether you're using Taskly on your desktop or mobile device.

Taskly helps you stay organized and productive by simplifying your task management process, allowing you to focus on what matters most.

Easily Add Tasks: Quickly add new tasks with a title and optional due date to keep your to-do list up-to-date.
Track Progress: Mark tasks as completed to see your progress, with a dynamic count and percentage of tasks completed.
Search and Filter: Use the search bar to filter tasks by keywords and toggle between active and completed tasks for better organization.
Edit and Remove Tasks: Edit task details as needed and remove tasks once they are completed to keep your list tidy.
Receive Notifications: Get instant feedback with notifications when tasks are added, edited, or removed.
Responsive Design: Enjoy a seamless experience across different devices and screen sizes, whether you're using Taskly on your desktop or mobile device. 

Language: JavaScript

Framework: ReactNative

State Management: React Hooks

Styling: Styled-components

Notifications: React-Toastify

Date Picker: React-Datepicker

Storage: Local Storage

Build Tool: Create React App

Installation Instructions for Users:

1. Open the Web Browser:
   • Launch your preferred web browser (e.g., Google Chrome, Mozilla Firefox, Safari, Microsoft Edge) or use expo go to run on the phone.
2. Access Taskly:
   • Navigate to the Taskly website using the provided URL or use expo go to run on your phone(e.g., <a href="https://www.tasklyapp.com">https://www.tasklyapp.com</a>).
3. Sign Up or Log In:
   • If you are a new user, click on the "Sign Up" button and create a new account by entering your details.

4. Installation Instructions for Developers:

   1. Clone the Repository:
      • Open your terminal and run the following command to clone the Taskly repository:

        git clone https://github.com/your-username/taskly.git
        
        
        
        
        

   2. Navigate to the Project Directory:
      • Change to the project directory:

        cd taskly
        
        
        

   3. Install Dependencies:
      • Install the necessary dependencies using npm:

        npm install
        
        
        

   4. Start the Development Server:
      • Start the development server to run Taskly locally:

        npm start
        
        
        

   5. Build the Application:
      • To create a production build of the application, run:

        npm run build
        
        
        

   6. Deploy:
      • Deploy the application to your preferred hosting service.
        FullSource code + Documentation