https://github.com/papilo-cloud/github-search-app
A github users profile search app
https://github.com/papilo-cloud/github-search-app
api css3 html5 ja
Last synced: about 1 month ago
JSON representation
A github users profile search app
- Host: GitHub
- URL: https://github.com/papilo-cloud/github-search-app
- Owner: papilo-cloud
- Created: 2022-02-22T21:57:00.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-19T12:44:30.000Z (over 3 years ago)
- Last Synced: 2025-06-03T09:58:19.504Z (about 1 year ago)
- Topics: api, css3, html5, ja
- Language: HTML
- Homepage: https://papilo-cloud.github.io/GitHub-search-app/
- Size: 400 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - GitHub user search app solution
This is a solution to the [GitHub user search app challenge on Frontend Mentor]. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## Overview
### The challenge
Users should be able to:
- See the size of the elements adjust based on their device's screen size
- See hover state for all interactive elements on the page
- Searxh for GitHub by their username
- See relevant user information based on their search
- Switch between light and dark mode
### Screenshot
### Links
- Solution URL: [GitHub-search-app](https://papilo-cloud.github.io/GitHub-User-search-app/)
- Live Site URL: [GitHub-search-app](https://papilo-cloud.github.io/GitHub-search-app/?# )
##My process
### Built with
- Semantic HTML5 markup
- Javascript
- CSS For styles
### What I learned
I Learned about APIs, how to fetch them and convert to a javascript object
using the javascript fetch API method, GitHub API to be precise.
```js
async function nyFile(){
let x = await fetch()
let y = await x.json()
}
```
### Continued development
To learn more about APIs
## Author
- Frontend Mentor - [@papilo-cloud](https://www.frontendmentor.io/profile/papilo-cloud)
- Twitter - [@Abdulra75754192](https://www.twitter.com/@Abdulra75754192)
## Acknowledgments
Brad Traversy, I'm a big fan
W3School.