🔦 Community Spotlight - Building KanBoard, a Project Management App🔦
Published: 2023-03-16 08:29:59

**_Highlighting projects from the Appwrite community_**

## Introduction

With Appwrite’s developer community growing significantly, we want to take the time to appreciate and showcase some amazing applications built by our community. Maybe you’ll be inspired by these projects to build something amazing with Appwrite, too!

This month, we’d like to give the spotlight to **Madza**, who built a successful app called **KanBoard**. Let’s get started by interviewing them to learn more about their project and journey. 

---

## Tell us more about who you are
I'm Madza - a technical writer for LogRocket, SitePoint and a front-end developer who loves to build side projects and participate in hackathons.
- Connect me on [Twitter](https://twitter.com/madzadev), [LinkedIn](https://www.linkedin.com/in/madzadev/), and [GitHub](https://github.com/madzadev)!
- Visit my [DEV](https://dev.to/madza), [Hashnode](https://madza.hashnode.dev/), and [Medium](https://madzadev.medium.com/) for my articles.
- My coding projects are available in my [Portfolio](https://www.madza.dev/).
- Subscribe to my [Newsletter](https://madzadev.substack.com/) to receive the best resources, productivity hacks, and career tips I discover each month.

---

## What is the name of the project you built?

KanBoard

--

## Why did you decide to build this? What inspired you?
Most of the available KanBoard style solutions are privately owned, meaning the user is not in control of the data and must follow the terms and conditions set by the owner. 
I wanted to create a solution, where users would have full control.

---

## What is the KanBoard?
It's an open source, self hosted project management tool.

---

## What technologies did you use to create it and how did you use each technology?

- [NextJS](https://nextjs.org/) - React application framework
- [Appwrite](https://appwrite.io/) - [open-source](https://github.com/appwrite/appwrite) end-to-end backend server
- [react-beautiful-dnd](https://www.npmjs.com/package/react-beautiful-dnd) - for drag and drop functionality
- [react-hook-form](https://www.npmjs.com/package/react-hook-form) - to track input states and provide validation
- [modal-dialog](https://www.npmjs.com/package/@atlaskit/modal-dialog) - to provide modal dialogs for user interaction
- [fullcalendar](https://www.npmjs.com/package/fullcalendar) - to display the user tasks on the monthly basis
- [recoil](https://www.npmjs.com/package/recoil) - a set of utilities for state management
- [url-slug](https://www.npmjs.com/package/url-slug), 
- [dayjs](https://www.npmjs.com/package/dayjs) - helper libraries for slug creation and date formatting

---

## Who is your target audience and how will it help them to learn more about your project?

The tool recommends some familiarity with [Docker](https://www.docker.com/), [Git](https://git-scm.com/) and command line for the setup phase. Installation details are available [here](https://github.com/madzadev/kanboard#installation-). 

Other than that the tool can be used by pretty much anyone. 

---

## What issues did you run into while building this project and how did you solve them?

This was the first time I worked with Appwrite, so I thought it might take some time to get familiar with the product itself.

I quickly discovered that their docs were very well written, and the UI in the console was very straightforward, so the learning curve was easy.

---

## How did Appwrite help your project?
Appwrite simplified the creation of a backend system and delivered a solid solution for storing the data.

---

## Anything else you'd like to share?

Read more on how I built Kanboard [here](https://dev.to/madza/introducing-kanboard-your-personal-project-management-tool-4a0a) and access the code [here](https://github.com/madzadev/kanboard).

The project is under [MIT license](https://choosealicense.com/licenses/mit/). The pull requests are welcome.

---

## Where can others find your app?
https://github.com/madzadev/kanboard

---

## Please share screenshots of your project

- Authentication

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/77gwnnyqy668eth6djwg.png)

-  Stats
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39de6z45idwz38to041u.png)

- Action history
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j7tx40nfmmpwu9ayg9xl.png)


- Calendar
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0a7tk5506fdji5fjcka4.png)

- Kanboard view
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p1n0jp4v6l3t2arvk757.png)