Project: Side Project

Trello Clone

This is a partial clone of the famous trello application, developed using React and Redux. It is an application that helps users, and teams manage their tasks a Kanban way! It is connected to a Django backend.

The application features

• Login/Registration Page [token Authentication]
• Display lists of Boards
• Create Board
• Create Columns (Lists) within a Particular Board
• Order Columns via Drag and Drop
• Display Cards within their respective Columns
• See details of each Card
• Edit the contents of a Card
• Change the Column of a Card with the Drag and Drop feature
• Delete Card
• Logout
• More features are to be added soon

Live version

🔗 Click here to go live

Built With

• React
• Redux
• Redux Toolkit
• Vanilla CSS3
• react-beautiful-dnd
• react-modal
• react-textarea-autosize
• see the package.json for more information on the tools used

Run Trello-UI-Clone Locally

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

Prerequisites

In order to run trello-ui-clone locally, you will require the following:

• Nodejs and yarn

Install

1. Open the Terminal
2. Run

git clone git@github.com:belsman/trello-ui-clone.git

or, for SSH:

git clone git@github.com:belsman/trello-ui-clone.git

3. Run cd trello-ui-clone to enter the main directory
4. Run npm install
5. Run npm start to launch trello-ui-clone
6. Happy viewing!

Author

👤 Bello Babakolo

• Github: @belsman
• Twitter: @d_belsman
• Linkdin: Bello Babakolo

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse Inc
• Trello