User Card Grid App

https://mahesh-langote.github.io/User-Card-Grid-App-Using-HTML-CSS-Js/

A simple web application that displays user cards in a grid layout fetched from the "reqres.in" API.

Demo

Include a link to the live demo https://mahesh-langote.github.io/User-Card-Grid-App-Using-HTML-CSS-Js/

Features

• Fetches user data from the "reqres.in" API and displays user cards with avatars, names, and email addresses.
• Click the "Get Users" button to fetch and display user data.
• Supports filtering users based on gender and skills.
• Minimalistic UI with a navigation bar showing the brand name and a button to trigger the API call.

Technologies Used

• HTML
• CSS
• JavaScript

How to Use

1. Clone the repository: https://github.com/Mahesh-Langote/User-Card-Grid-App-Using-HTML-CSS-Js

2. Open the index.html file in your web browser or serve it using a local server.

3. Use the "Get Users" button to fetch user data from the API and see the user cards displayed in a grid layout.

• Select the desired gender from the dropdown.
• Enter skills (comma-separated) in the input field to filter users based on skills.

API Source

The user data is fetched from reqres.in. It's a mock API that provides sample data for testing purposes.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to create a pull request.

Contact

If you have any questions or need further assistance with this project, you can contact me:

• Name: Mahesh Langote
• Email: [email protected]