Home

Awesome

https://tberghuis.github.io/trello-board-clone

Description

This project is a clone of a single trello board built with the javascript library react-beautiful-dnd. Link to the live app here.

Screenshot

Purpose

This project was created to gain experience and demonstrate my skills working with React.js

Features

Implementation

App state is represented by single object boardData. Each state change to boardData will be emitted by rxjs Subject boardDataSubject. The Board react component uses hooks setState and useEffect to subscribe to boardData changes which it then passes to child react components through props. App state is persisted in browser storage using library localForage.

Libraries used

react, react-beautiful-dnd, styled-components, localforage, rxjs