This project is a simple Trello-like board built with React, Tailwind CSS, Apollo Client and react-beautiful-dnd.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Ensure you have the following installed on your local machine:
- Clone the repository:
git clone https://github.com/Serg-Kochkin/mini-trello-front.git
cd trello-clone
- Install project dependencies:
npm install
- Start the development server:
npm start
After running the above command, open your browser and navigate to http://localhost:3000.
The main component that has a logic to view a UI part.
The Board component that displays a series of Columns. Each list represents a collection of cards, similar to Trello.
These are columns that hold a set of cards. Examples include "To Do", "In Progress", and "Done".
Represent individual tasks. Users can drag and drop cards within a list or between different Columns.
Implemented using react-beautiful-dnd, this feature allows users to drag cards between and within Columns smoothly with intuitive animations.
Apollo Client is a state management library that enables to management of both local and remote data with GraphQL.