IvannaY-1 / Fetching-users

This webpage fetches user data from an external API and displays the information in styled cards. Search filtering by user name is also implemented.

Home Page:https://find-user-43c171.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fetching and Displaying User Data

This project consists of JavaScript functions to fetch user data from an API, display user information in styled cards, and provide search functionality to filter users based on a search term.

Table of Contents

Purpose

The purpose of this project is to demonstrate how to fetch user data from an API, display it in styled cards, and implement search functionality to filter users based on their names.

Usage

  1. Open index.html in a web browser.
  2. The page will display a loading message while fetching user data from the API.
  3. Once the data is fetched, user information will be displayed in styled cards. image
  4. Enter a search term in the search bar to filter users by name. image

Getting Started

To run this project locally:

  1. Clone this repository: git clone https://github.com/yourusername/user-data-fetch.git
  2. Navigate to the project directory: cd user-data-fetch
  3. Open index.html in a web browser.

Contributing

Contributions are welcome! If you find a bug or want to enhance the functionality, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

This webpage fetches user data from an external API and displays the information in styled cards. Search filtering by user name is also implemented.

https://find-user-43c171.netlify.app


Languages

Language:JavaScript 46.7%Language:CSS 38.0%Language:HTML 15.3%