Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/boddepallyvenkatesh06/github-user-search-app

Using the GitHub API to pull profile data and display it - search for users by their username. You can switch between light and dark themes
https://github.com/boddepallyvenkatesh06/github-user-search-app

async-await github-api react switch-theme

Last synced: about 20 hours ago
JSON representation

Using the GitHub API to pull profile data and display it - search for users by their username. You can switch between light and dark themes

Awesome Lists containing this project

README

        

GitHub user search app

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## 🔗 Live link

Live Site URL: GitHub user search app

## 👨‍💼 The challenge

Your users should be able to:

- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Search for GitHub users by their username
- See relevant user information based on their search
- Switch between light and dark themes

## 🏃‍♀️ How to run this project locally?
** **You will need node and npm installed globally on your machine ([Node.js](https://nodejs.org/en/)).** **

Clone this repo and install all required dependencies. Go into the project folder and type the following command to install all npm packages:

`npm install`

You can run the application - type the following command:

`npm start`

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

## 💻 Screenshot



## 🔨 Built with

Project is created with:

- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Grid
- Mobile-first workflow
- [React](https://reactjs.org/) - JS library

## API limit

> For unauthenticated requests, the rate limit allows for up to 60 requests per hour. Unauthenticated requests are associated with the originating IP address, and not the user making requests.

For more detailed information, see [rate limiting](https://docs.github.com/en/rest/overview/resources-in-the-rest-api#rate-limiting).