https://github.com/yosephdev/live-user-filter
An assignment where I had to use an open API to fetch live user data, manipulate the data with JavaScript, and then present the data via an HTML page.
https://github.com/yosephdev/live-user-filter
Last synced: 3 months ago
JSON representation
An assignment where I had to use an open API to fetch live user data, manipulate the data with JavaScript, and then present the data via an HTML page.
- Host: GitHub
- URL: https://github.com/yosephdev/live-user-filter
- Owner: yosephdev
- Created: 2022-02-26T10:28:52.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-09-20T13:47:36.000Z (over 2 years ago)
- Last Synced: 2024-12-31T08:15:26.539Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://yosephdev.github.io/live-user-filter/
- Size: 755 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Live User Filter
This project is an assignment where I used an open API to fetch live user data, manipulated the data with JavaScript, and presented the data via an HTML page.
You can view the live project here: [Live User Filter](https://yosephdev.github.io/live-user-filter/)
## Table of Contents
- [Project Overview](#project-overview)
- [Usage](#usage)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [How to Run Locally](#how-to-run-locally)
## Project Overview
The Live User Filter project fetches data from an open API containing information about live users. It then allows users to filter and manipulate this data in real-time using JavaScript. The filtered results are presented on an HTML page.
## Usage
1. Visit the live project [here](https://yosephdev.github.io/live-user-filter/).
2. You will see a list of live users.
3. Use the filter options provided to filter the users based on different criteria such as gender, nationality, etc.
4. The list of users will update in real-time as you apply filters.
## Features
- Real-time filtering of live user data.
- User-friendly interface for applying filters.
- Display of user information including name, picture, gender, nationality, and age.
- Responsive design for various screen sizes.
## Technologies Used
- HTML
- CSS
- JavaScript
- Random User API (used to fetch user data)
## How to Run Locally
If you want to run this project locally on your machine, follow these steps:
1. Clone this repository to your local machine using:
```bash
git clone https://github.com/yosephdev/live-user-filter.git
# Navigate to the project directory
cd live-user-filter
3. Open the index.html file in your web browser
That's it! You can now use the Live User Filter application locally on your machine.