Skip to content

Nimith2/Navbar-HTML-CSS-JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Navbar-HTML-CSS-JS

Navbar and User Card Grid Project

This project is a simple web application that features a navigation bar with a "Get Users" button. When you click the button, it makes an API call to fetch user data from (https://reqres.in/api/users?page=1) and displays the data in a user card grid. A loader is shown while the data is being fetched.

Features

  • A navigation bar with a brand name.
  • "Get Users" button to fetch user data from an API.
  • Loading spinner while data is being fetched.
  • Display of user data in a grid layout.

How to Use

  1. Click the "Get Users" button in the navigation bar.
  2. A loading spinner will appear while the data is being fetched.
  3. Once the data is retrieved, user cards will be displayed in a grid format.

Installation

To run this project locally, follow these steps:

  1. Clone this repository:

    git clone https://github.com/your-username/navbar-and-user-cards.git

##Demo navbar

Navbar.-.mp4

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published