Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kendoriddy/koonage-task-management


https://github.com/kendoriddy/koonage-task-management

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Task Management App - Koonage Take Home Assessment
Screenshot 2023-09-06 at 11 32 02

## Introduction

The Task Management App is a web application designed to help users manage their tasks effectively. With features for creating, updating, and deleting tasks, as well as filtering tasks based on completion status, this app is the perfect solution for staying organized.

## Features

- Create new tasks with names and descriptions.
- Mark tasks as completed or incomplete.
- Delete tasks.
- User-friendly and responsive design.
- Data persistence using Redux.

## Demo

Coming soon

## Built With

- React
- Redux
- Tailwind CSS

## Prerequisites

Before you begin, ensure you have met the following requirements:

- Node.js installed on your local machine.
- A modern web browser (e.g., Chrome, Firefox).

## Getting Started

### Cloning the Project

```bash
git clone https://github.com/your-username/task-management-app.git
cd

```

## Getting packages and dependencies

To get all package modules required to build the project run:

```
npm install
```

every package module required to build the project is listed in the package.json file. this is used as a reference to get all dependencies.

## Building

To build the project run:

```
npm run build
```

after you run this successfully you'd locate the build from in the ```build``` folder located from the parent directory of the project.

## Running

To run the program on a browser through a server run this command in your cli

```
npm start
```

This should open the page in your localhost on port 3000. then you'd be able to view the built page generated using webpack.

## Run tests

For running tests, you need to follow these steps:

```
npm test
npm run lint
```

- For tracking linter errors in Javascript file run:

```
npx eslint .
```

## 🤝 Contributing

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

👤 **Kehinde Ridwan Onifade**

- GitHub: [@githubhandle](https://github.com/kendoriddy)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/kehindeonifade)

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Microverse

## 📝 License

This project is [MIT](./MIT.md) licensed.