https://github.com/purwar1997/data-fetcher

A React app that fetches data from a public API and renders it beautifully inside a card
https://github.com/purwar1997/data-fetcher

axios-client local-storage-api public-apis react

Last synced: 6 months ago
JSON representation

A React app that fetches data from a public API and renders it beautifully inside a card

• Host: GitHub
• URL: https://github.com/purwar1997/data-fetcher
• Owner: purwar1997
• Created: 2022-11-15T13:38:01.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-11-08T14:24:25.000Z (7 months ago)
• Last Synced: 2024-11-08T14:45:02.899Z (7 months ago)
• Topics: axios-client, local-storage-api, public-apis, react
• Language: JavaScript
• Homepage: https://data-fetcher-ten.vercel.app/
• Size: 354 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# Data Fetcher

![HTML](https://img.shields.io/badge/-HTML-red)

![CSS](https://img.shields.io/badge/-CSS-yellowgreen)

![React JS](https://img.shields.io/badge/-React_JS-blue)

## Description

This project is a React app that fetches data from a public API and renders it inside a card. API returns data of a random user which is then being stored in browser's local storage. This app also has three buttons that can be used to browse between different users.

## Learnings from this project -

- State management of a React app using `useState` hook

- Using `useEffect` hook to perform asynchronous operations like fetching data

- Sending HTTP requests to a public API using `Axios` client

- Using browser's `local storage` to store fetched data

### Preview of the project

![preview](./preview.png)

### [Live link](https://data-fetcher-ten.vercel.app/) of the project.