Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/abdussattar-70/priorityplus

PriorityPlus is a simple task management application that helps you organize your tasks based on priority levels and completion status.
https://github.com/abdussattar-70/priorityplus

localstorage react redux-toolkit typescript

Last synced: 15 days ago
JSON representation

PriorityPlus is a simple task management application that helps you organize your tasks based on priority levels and completion status.

Awesome Lists containing this project

README

        


PriorityPlus



app screenshot

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

## 📖 PriorityPlus

PriorityPlus is a simple task management application that helps you organize your tasks based on priority levels and completion status.

## Key Features

- Add Tasks: Easily add new tasks to your list.
- Edit Tasks: Modify the details of existing tasks, such as the task text and priority level.
- Remove Tasks: Delete tasks that are no longer needed.
- Toggle Completion: Mark tasks as completed or incomplete.
- Filtering: Filter tasks based on completion status and priority level.
- Search: Search for specific tasks using keywords.

(back to top)

## 🛠 Built With

## Tech Stack

Client


  • React

  • Vite

  • Redux RTK

  • TypeScript

  • TailwindCSS

  • Some Libraries(you can find them at package.json file)

Server

Database


  • It doesn't use a traditional database. Instead, it utilizes the LocalStorage API for data storage.

## 🚀 Live Demo

- [Live Demo Link](https://priority-plus.vercel.app/)

(back to top)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

## Prerequisites

- In order to run this project you need:

### It would be best if you had some familiarity with `HTML`, `CSS`,`TS`, `React` and `Tailwindcss`.

- A Computer (MAC or PC)
- code editor (VSCode,Atom etc...)
- A browser (Chrome,Mozilla,Safari etc...)
- Version Control System (Git and Github)

# Setup

Clone this repository to your desired folder:

```bash
git clone https://github.com/AbdusSattar-70/PriorityPlus.git
cd PriorityPlus
```

# Install

Install this project with:

```bash
npm install
```

# Run the app

```bash
npm run dev
```

# Deployment

You can deploy this project using:

- Render, Vercel, or GitHub pages

```bash
npm install
npm run build
```

(back to top)

## 👥 Authors

## 👤 Abdus Sattar

- GitHub: [AbdusSattar-70](https://github.com/AbdusSattar-70)
- Twitter: [Abdus Sattar](https://twitter.com/Abdus_Sattar70)
- LinkedIn: [Abdus Sattar](https://www.linkedin.com/in/abdus-sattar-a41a26215/)

(back to top)

## 🔭 Future Features

- **Improve web accessibility feature for all users**
- **Add Multilingual feature**
- **Implement Drag and Drop: Allow users to rearrange the order of tasks by dragging and dropping them within the list.**

(back to top)

## 🤝 Contributing

Everybody is welcome to suggest, changes,Contributions, issues, and feature request in this project.

In order to do it, fork this repository, create a new branch and open a Pull Request from your branch.

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project, Please give me ⭐️ and you can use it following [MIT](./LICENSE) license.

(back to top)

## 🙏 Acknowledgments

This project was created as part of a learning exercise.
Special thanks 💖 to React and Redux Toolkit for providing powerful tools for building web applications.

(back to top)

## 📝 License

This project is under [MIT](./LICENSE) licensed.

(back to top)