-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
68 additions
and
69 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,101 +1,100 @@ | ||
| ## **Task Manager Chrome Extension** | ||
|
|
||
| # **Task Manager Chrome Extension** | ||
|
|
||
| **Effortlessly manage your daily tasks directly within your browser.** This intuitive Chrome extension is designed to help you stay organized and productive. | ||
|
|
||
| ### **Key Features** | ||
|
|
||
| * **Seamless Task Creation:** Quickly add tasks with titles and due dates (including time). | ||
| * **Visual Task List:** View your tasks in a clean, organized list with clear due dates. | ||
| * **Completion Tracking:** Mark tasks as complete/incomplete with a single click. | ||
| * **Declutter:** Easily remove finished tasks from your list. | ||
| * **Customizable Reminders:** Set reminders to ensure you never miss a deadline. | ||
| * **Timely Notifications:** Receive notifications directly in Chrome when tasks are due. | ||
| * **Professional Design:** A polished and intuitive user interface designed for efficiency. | ||
| * **Dark Mode Toggle:** Easily switch between light and dark modes for a personalized experience. | ||
| * **UI Enhancements:** | ||
| * Redesigned toggle button for better alignment and visual appeal. | ||
| * Updated button and form field styles for improved aesthetics in both light and dark modes. | ||
| * Changed the "Task Manager" title color to a more premium look in dark mode. | ||
| * Removed the border around the "No tasks yet! Add some to get started." message in dark mode. | ||
| * **Color and Style Updates:** | ||
| * Added red text and selection colors to enhance visibility and contrast in both light and dark modes. | ||
| * Improved visual feedback for task list items with new hover effects and completed task styling. | ||
| * **Visual Improvements:** | ||
| * Ensured the dark mode toggle ball and emojis match in size and alignment after sliding. | ||
| * Added an animation effect to the toggle switch for a more engaging user experience. | ||
|
|
||
| ### **Screenshots** | ||
| #### Main Page<br> | ||
|
|
||
| .png) | ||
| ## **Key Features** | ||
|
|
||
| - **Seamless Task Creation:** Quickly add tasks with titles and due dates (including time). | ||
| - **Visual Task List:** View your tasks in a clean, organized list with clear due dates. | ||
| - **Completion Tracking:** Mark tasks as complete or incomplete with a single click. | ||
| - **Task Editing:** Edit task titles and due dates directly within the extension. | ||
| - **Declutter:** Easily remove finished tasks from your list. | ||
| - **Customizable Reminders:** Set reminders to ensure you never miss a deadline. | ||
| - **Timely Notifications:** Receive notifications directly in Chrome when tasks are due. | ||
| - **Professional Design:** A polished and intuitive user interface designed for efficiency. | ||
|
|
||
| ## **New in This Update** | ||
|
|
||
| - **UI Enhancements:** Improved color contrast and refined dark mode for better readability and visual appeal. | ||
| - **Visual Improvements:** Smoother animations and interactive effects for a more engaging interface. | ||
| - **Bug Fixes:** Minor bug fixes to improve functionality and user experience. | ||
|
|
||
| ## **Screenshots** | ||
|
|
||
| #### Main Page | ||
|  | ||
|
|
||
| #### Dark Mode | ||
|  | ||
| ### Incomplete Task Page | ||
|  | ||
| #### Comeleted Task | ||
| <br> | ||
|  | ||
|
|
||
| #### Incomplete Task Page | ||
|  | ||
|
|
||
| #### Completed Task Page | ||
|  | ||
|
|
||
| ### **Installation** | ||
| #### Edit Task | ||
|  | ||
|
|
||
| ## **Installation** | ||
|
|
||
| There are three ways to install the Task Manager Chrome Extension: | ||
|
|
||
| **Method 1: Chrome Web Store (Coming Soon!)** | ||
| ### **Method 1: Chrome Web Store (Coming Soon!)** | ||
|
|
||
| * **(Note: This method is not yet available)** | ||
| * The extension will be available on the Chrome Web Store soon. Search for "Task Manager" and follow the installation instructions.\ | ||
| * The extension will be available on the Chrome Web Store soon. Search for "Task Manager" and follow the installation instructions. | ||
|
|
||
| **Method 2: Manual Download .CRX file From Release** | ||
| ### **Method 2: Manual Download (.CRX) From Release** | ||
|
|
||
| 1. Download .crx file from Release Section of github. | ||
| 2. Drag and drop the .crx file into `chrome://extensions/` | ||
| 1. Download the `.crx` file from the Release Section of GitHub. | ||
| 2. Drag and drop the `.crx` file into `chrome://extensions/`. | ||
|
|
||
| **Method 3: Manual Installation** | ||
| ### **Method 3: Manual Installation** | ||
|
|
||
| 1. Clone this repository to your local machine: | ||
|
|
||
| ```bash | ||
| https://github.com/DrDead0/Task-Manager_Chrome-Extension.git | ||
| git clone https://github.com/DrDead0/Task-Manager_Chrome-Extension.git | ||
| ``` | ||
| 2. **Chrome Extensions:** | ||
| * Open Google Chrome and go to chrome://extensions. | ||
| * Enable "Developer mode" in the top right corner. | ||
| * Click "Load unpacked" and select the cloned repository folder. | ||
| 2. Open Google Chrome and go to `chrome://extensions`. | ||
| 3. Enable "Developer mode" in the top right corner. | ||
| 4. Click "Load unpacked" and select the cloned repository folder. | ||
|
|
||
| ### **Usage** | ||
| ## **Usage** | ||
|
|
||
| 1. **Access:** Click the extension icon in your Chrome toolbar to open the popup. | ||
| 2. **Add Tasks:** Fill in the task title and select the due date/time. | ||
| 3. **Manage Tasks:** Mark tasks complete or incomplete, and clear completed tasks as needed. | ||
| 3. **Edit Tasks:** Click the "Edit" button on a task to update its title or due date. | ||
| 4. **Manage Tasks:** Mark tasks complete or incomplete, and clear completed tasks as needed. | ||
|
|
||
| ### **Contributing** | ||
| ## **Contributing** | ||
|
|
||
| Contributions are welcome and appreciated! Please feel free to open issues to report bugs or suggest enhancements. If you'd like to contribute code, follow these steps: | ||
|
|
||
| * Fork the repository. | ||
| * Branch: Create a new branch for your feature: | ||
|
|
||
| ```bash | ||
| git checkout -b feature/your-feature-name | ||
| ``` | ||
| * Commit: Make your changes and commit them: | ||
|
|
||
| ```bash | ||
| git commit -am 'Add some feature' | ||
| ``` | ||
| * Push: Push your changes to your fork: | ||
|
|
||
| ```bash | ||
| git push origin feature/your-feature-name | ||
| ``` | ||
| * Pull Request: Open a pull request detailing your changes. | ||
|
|
||
| ### **Author** | ||
| 1. Fork the repository. | ||
| 2. Create a new branch for your feature: | ||
| ```bash | ||
| git checkout -b feature/your-feature-name | ||
| ``` | ||
| 3. Make your changes and commit them: | ||
| ```bash | ||
| git commit -am 'Add some feature' | ||
| ``` | ||
| 4. Push your changes to your fork: | ||
| ```bash | ||
| git push origin feature/your-feature-name | ||
| ``` | ||
| 5. Open a pull request detailing your changes. | ||
|
|
||
| ## **Author** | ||
|
|
||
| Ashish Chaurasiya (@DrDead0) | ||
|
|
||
|
|
||
| ### **Acknowledgments** | ||
| ## **Acknowledgments** | ||
|
|
||
| Special thanks to the open-source community for their valuable contributions and support. | ||
|
|
||
| --- | ||
|
|
||
| This version removes the toggle point and adds the minor bug fix mention in the "New in This Update" section. Let me know if there’s anything else! |