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.

• Host: GitHub
• URL: https://github.com/alisamirali/trelloboard
• Owner: alisamirali
• Created: 2024-01-09T08:50:27.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-15T08:06:45.000Z (7 months ago)
• Last Synced: 2024-10-24T18:34:55.663Z (4 months ago)
• Topics: framermotion, frontenddeveloper, frontenddevelopment, javascript, reactjs, typescript, zustand
• Language: TypeScript
• Homepage: https://trello-board-react.vercel.app
• Size: 62.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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

```