Jamstack_trello

Overview

This article discusses how to use Trello as a back end to create a quick and functional back office. It provides step-by-step instructions on setting up Trello, fetching data from Trello, and displaying the data in a React app. The article also suggests further improvements, such as adding routing, creating additional lists, and adding an error page.

Features

• Integration with Trello: The article explains how to create a Trello account, setup a board, and make it public.
• Fetching data from Trello: Using useEffect and state management, the article demonstrates how to fetch data (cards) from a Trello board in JSON format.
• Component-based display: The article guides readers on mapping the fetched data to different components based on the labels associated with each card, allowing for dynamic rendering.
• Reactivity and filtering: The article shows how to filter the fetched data to display only cards from the current list and how to add reactivity by adding new cards and refreshing the app.
• Routing: The article suggests adding a routing system to the React app, allowing for navigation between different pages.
• Error handling: As a bonus suggestion, the article proposes adding an error page (404) for better user experience.

Summary

This article provides a detailed guide on using Trello as a back end for a React app to create a quick and functional back office. It explains the process of setting up Trello, fetching data from Trello, and displaying the data in a React app using dynamic components. The article suggests additional features such as routing and error handling to further enhance the app. By following the step-by-step instructions, readers can create a fully functional app with a Trello back office.