https://github.com/hafizn07/devfinderx

Web application tool made to search the developers in the Github using API.
https://github.com/hafizn07/devfinderx

challenge dark-mode devfinder github-api html-css-javascript

Last synced: about 1 month ago
JSON representation

Web application tool made to search the developers in the Github using API.

• Host: GitHub
• URL: https://github.com/hafizn07/devfinderx
• Owner: hafizn07
• Created: 2022-07-29T10:48:52.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-14T07:15:21.000Z (over 2 years ago)
• Last Synced: 2023-12-02T15:35:49.111Z (about 1 year ago)
• Topics: challenge, dark-mode, devfinder, github-api, html-css-javascript
• Language: CSS
• Homepage: https://devfinderx.netlify.app/
• Size: 900 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



  


  

  


  DEV-finderX

  




A webtool that provides GitHub user details using Github API.




  Overview •

  Build with •

  Live links



![screenshot](Assets/images/preview.png)

![screenshot](Assets/images/preview.gif)

## Overview

### The challenges

Users should be able to:

- View the optimal layout for the app depending on their device's screen size

- Search for GitHub users by their username

- See relevant user information based on their search

- Switch between light and dark themes

- Researched `prefers-color-scheme` in CSS.

## Built with

- [![Html5][Html5]][Html5-url] [![CSS3][CSS3]][CSS3-url] [![javascript][javascript]][javascript-url]

- [![Github API][Github API]][Github API-url]

- Mobile-first workflow

- Flexbox and CSS Grid

## Links

- Solution URL: [GitHub](https://github.com/hafizmp/DevFinder)

- Live Site URL: [DEVfinderX](https://devfinderx.netlify.app/)

[Html5]: https://img.shields.io/badge/HTML5-CFD2CF?style=for-the-badge&logo=html5&logoColor=EB1D36

[Html5-url]: https://developer.mozilla.org/en-US/docs/Glossary/HTML5

[CSS3]: https://img.shields.io/badge/CSS3-293462?style=for-the-badge&logo=css3&logoColor=E7F6F2

[CSS3-url]: https://developer.mozilla.org/en-US/docs/Web/CSS

[javascript]: https://img.shields.io/badge/JAVASCRIPT-04293A?style=for-the-badge&logo=javascript&logoColor=FFF80A

[javascript-url]: https://developer.mozilla.org/en-US/docs/Web/javascript

[Github API]: https://img.shields.io/badge/GITHUB%20API-EEEEEE?style=for-the-badge&logo=github&logoColor=171717

[Github API-url]: https://api.github.com/