https://github.com/bondok6/github-users
It was a live code challenge I faced, I created two pages, one to display a list of 10 GitHub users as cards, the second to display specific user information
https://github.com/bondok6/github-users
css html5 javascript
Last synced: about 2 months ago
JSON representation
It was a live code challenge I faced, I created two pages, one to display a list of 10 GitHub users as cards, the second to display specific user information
- Host: GitHub
- URL: https://github.com/bondok6/github-users
- Owner: Bondok6
- Created: 2022-10-26T02:06:46.000Z (over 2 years ago)
- Default Branch: develop
- Last Pushed: 2022-11-05T07:27:20.000Z (over 2 years ago)
- Last Synced: 2025-02-05T17:18:00.852Z (3 months ago)
- Topics: css, html5, javascript
- Language: JavaScript
- Homepage: https://github-users-navy.vercel.app/
- Size: 13.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Code Challenge
> ### It was a live code challenge I faced, I've created two pages, one to display a list of 10 GitHub users as cards, the second to display specific user information
## Built With
- HTML - HTML5
- CSS - CSS3
- JavaScript - ES6## Additional Used
- [Endpoints Documentation](https://docs.github.com/en/rest/users/users#list-users)
## Live Demo
[Live Demo](https://github-users-navy.vercel.app/)
## Objectives & What I learned
- How Can I work with or benefit from `query string`?
- How can I get query string values from url in JavaScript?
- Fully Responsive design without any `media queries`, thank to `Grid Layout` 😄## Getting Started
To get a local copy up and running follow these simple example steps.
```bash
git clone [email protected]:Bondok6/github-users
``````bash
cd github-users
```## Authors
👤 **Kyrillos Hany**
- GitHub: [@Bondok6](https://github.com/Bondok6)
- LinkedIn: [LinkedIn](https://linkedin.com/in/linkedinhandle)## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Acknowledgments
- Inspired by @Yallacompare Company for their "front-end coding challenge"