This device is not compatible.
You will learn to:
Develop an application using React with minimal guidance.
Use React hooks and Redux to manage state and handle side effects.
Use the react-beautiful-dnd library to implement drag and drop functionality.
Design and implement intuitive and visually appealing interfaces.
Skills
Web Development
React Components
State Management
Prerequisites
Good understanding of the fundamentals of React, React hooks, and Redux
Good understanding of the fundamentals of JavaScript
Good understanding of styling user interfaces using CSS
Technologies
React
Redux
Project Description
In this unguided project, we aim to develop a Trello clone using React. We’ll use React hooks for local state management and Redux for global state management. Furthermore, we’ll use the react-beautiful-dnd library to implement drag-and-drop functionalities within the project.
The project will allow users to create, delete, and edit lists and tasks. We will also be able to add and modify descriptions within the tasks. Moreover, we’ll be able to rearrange lists within the Trello board. The project will also allow us to rearrange tasks within lists and across different lists by dragging and dropping them at desired locations within a particular list.
After completing this project, we’ll gain proficiency and hands-on experience creating interactive web applications using React. These skills will be valuable for future web development projects, whether we want to start a career or work on our ideas.
The following is the final layout of the application:
Project Tasks
Task 0: Get Started
Task 1: Implement Reducers
Task 2: Implement Board Functionalities
Task 3: Implement List Functionalities
Task 4: Implement Task Functionalities
Task 5: Implement List Drag and Drop Functionality
Task 6: Implement Task Drag and Drop Functionality
Congratulations!
Relevant Courses
Use the following content to review prerequisites or explore specific concepts in detail.