Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/alisamirali/trelloboard

A Trello-inspired board designed to assist in organizing and tracking project tasks and advancements, featuring an intuitive and aesthetically pleasing interface.
https://github.com/alisamirali/trelloboard

framermotion frontenddeveloper frontenddevelopment javascript reactjs typescript zustand

Last synced: about 2 months ago
JSON representation

A Trello-inspired board designed to assist in organizing and tracking project tasks and advancements, featuring an intuitive and aesthetically pleasing interface.

Awesome Lists containing this project

README

        

# 📌 Trello Board Clone

A Trello-inspired board designed to assist in organizing and tracking project tasks and advancements, featuring an intuitive and aesthetically pleasing interface.

**Demo:** [https://trello-board-react.vercel.app](https://trello-board-react.vercel.app)

---

**Screenshot (Light Theme):**

![trello-light](https://github.com/alisamirali/trelloboard/assets/62913154/3d2f2cb7-116f-4c6f-a57a-52abb6503fd0)

**Screenshot (Dark Theme):**

![trello-dark](https://github.com/alisamirali/trelloboard/assets/62913154/967c5bb7-8d75-40e6-b9c0-3ae31dfc164c)

---

## 🌟 Features

- Effortless project management and visualization
- Private data storage in your browser
- Dark mode for low-light environments
- Simple and aesthetically pleasing interface
- Support for multiple projects/boards
- Easy export/import in JSON format

---

## 🛠️ Technologies used

- [React](https://es.reactjs.org) - Front-End JavaScript library
- [Typescript](https://www.typescriptlang.org) - JavaScript with syntax for types.
- [Zustand](https://zustand-demo.pmnd.rs) - Bear necessities for state management in React.
- [Windi CSS](https://windicss.org) - Next generation utility-first CSS framework
- [Feather Icons](https://feathericons.com) - Simply beautiful open source icons
- [Vite](https://vitejs.dev) - Frontend Tooling

---

## How to run

1. Clone this repo

```bash
git clone https://github.com/alisamirali/trelloboard && cd trelloboard
```

2. Install project dependencies

```bash
npm install or npm i
```

3. Start a local server

```bash
npm run dev
```