React Data Fetching and Display App 📊🌐

Welcome to our React application, designed to fetch and display data dynamically from an API. This app showcases how to integrate API data into a React interface with buttons for 'Users', 'Posts', and 'Comments', and displays the fetched data in a structured table.

Watch Demo

Features 🛠️

Dynamic Data Fetching: Retrieve data from a public API using asynchronous requests.
Modular Components: UsersButton, PostsButton, and CommentsButton for respective data fetching.
Error Handling: Manage fetching errors gracefully and display error messages.
Data Visualization: Display data in a tabular format with the DataTable component.
Interactive Interface: User-friendly buttons to select the type of data to display.

Tech Stack 🧰

React: Core framework for building the user interface.
CSS: Styling for the application layout and components.
Fetch API: Used for making network requests to the API.

Components 📦

UsersButton/PostsButton/CommentsButton: Trigger data fetching from respective endpoints.
DataTable: Renders the fetched data in a table format.

Tools Used

JSON

CSS

ReactJS

Check out!

Live Link Demo Link Code Link