Fetching Users Using React.js

A simple React.js application that fetches and displays user data from an external API using the Fetch API. This project demonstrates the use of React Hooks, asynchronous operations, and dynamic rendering of data.

---

Features

• Fetch user data from an API
• Display users dynamically
• Responsive user interface
• Functional components with React Hooks
• Simple and beginner-friendly project structure

---

Tech Stack

• React.js
• JavaScript (ES6+)
• CSS3
• Fetch API

---

Project Structure

FETCHING-USERS-USING-REACT.JS/
│
├── public/
├── src/
│   ├── components/
│   ├── App.js
│   ├── index.js
│   └── App.css
│
├── package.json
└── README.md

---

Installation and Setup

Clone the Repository

git clone https://github.com/githarsh7/FETCHING-USERS-USING-REACT.JS.git

Navigate to the Project Directory

cd FETCHING-USERS-USING-REACT.JS

Install Dependencies

npm install

Start the Development Server

npm start

The application will run at:

http://localhost:3000

---

API Used

https://jsonplaceholder.typicode.com/users

---

Learning Outcomes

• Working with APIs in React
• Using useState and useEffect
• Handling asynchronous data fetching
• Rendering dynamic content
• Managing component state

---

Future Improvements

• Add loading indicators
• Improve UI design
• Add search functionality
• Add pagination
• Improve error handling

---

Contributing

Contributions are welcome.

1. Fork the repository
2. Create a new branch
3. Commit your changes
4. Push the branch
5. Open a Pull Request

---

License

This project is licensed under the MIT License.

---

Connect with Me 🤝 :

• LinkedIn : HARSHAA SG
• Gmail : harshaavardhan8@gmail.com

⭐ Feel free to fork this project and improve it!

---

Support

If you found this project useful, consider giving it a star on GitHub.