Find info about a GitHub user.

  • By Pradumna Saraf
  • Last update: Aug 19, 2022
  • Comments: 7

OctoUser

Open in Gitpod

Tech

  • HTML
  • CSS
  • JavaScript
  • GitHub API

Project demo

OctoUser.mp4

Project Working

  • For the desired username entered information is fetched through Github API ( JavaScript fetch("URL") function is used ).
  • Validity of user is checked.
  • Then Data is converted to JSON and then filtered out.
  • Customised JavaScript function is used to generate the output.

Github

https://github.com/Pradumnasaraf/OctoUser

Comments(7)

  • 1

    CSS modified for responsiveness

    πŸ› οΈ Fixes Issue

    πŸ‘¨β€πŸ’» Changes proposed

    βœ”οΈ Check List (Check all the applicable boxes)

    • [ ] My code follows the code style of this project.
    • [ ] This PR does not contain plagiarized content.
    • [ ] The title of my pull request is a short description of the requested changes.

    πŸ“„ Note to reviewers

    πŸ“· Screenshots

  • 2

    [FEATURE] Create @MediaQueries so the page is responsive!

    Description

    I noticed that the website is not responsive at all. I would love to be able and work on this. :) In tho photo it shows what the website looks on small screens.

    Screenshots

    Screen Shot 2022-09-04 at 15 35 48
  • 3

    docs: added project working

    Closes #3

    πŸ‘¨β€πŸ’» Changes proposed

    Added the project working -

    • For the desired username entered information is fetched through Github API ( JavaScript fetch("URL") function is used ).
    • Validity of user is checked.
    • Then Data is converted to JSON and then filtered out.
    • Customised JavaScript function is used to generate the output.
  • 4

    Improving the user profile's display

    Description

    I've spotted this small bug, which is not actually one, but improving it would be great. In case there is a successful search of a github profile and a new search is done which is invalid account, the profile image doesn't get updated, instead the previously searched profile's image is displayed. Hope you understood what I was trying to convey.

    Screenshots

    No response

  • 5

    fix: image issue with invalid user

    πŸ› οΈ Fixes Issue

    closes #1

    πŸ‘¨β€πŸ’» Changes proposed

    • Fix the repo URL
    • Fix the error of the picture not getting removed if in the next search user is not found. Image for reference

    Screenshot from 2022-08-11 21-10-26

  • 6

    Made the website Super-Responsive and did some minor changes that are…

    … recommended in web design

    πŸ› οΈ Fixes Issue

    The website was very unresponsive, so I have made some very essential changes. Moreover, I have modified the CSS a little bit to make the website look better. I have also converted some ids to classes which is a good practice in web development, without breaking the functionality of the website.

    πŸ‘¨β€πŸ’» Changes proposed

    • Added Media queries for responsiveness
    • Changed some units for the same purpose
    • Added some margin, padding, etc.
    • Removed unnecessary heights and widths which are the main culprit for unresponsiveness
    • Added some flex properties

    βœ”οΈ Check List (Check all the applicable boxes)

    • [x] My code follows the code style of this project.
    • [x] This PR does not contain plagiarized content.
    • [x] The title of my pull request is a short description of the requested changes.

    πŸ“„ Note to reviewers

    You can check yourself, I have tested it on my side. πŸ‘

    πŸ“· Screenshots

    image

    https://user-images.githubusercontent.com/65062036/184809882-d4f251df-427e-44da-b34b-5dc75e80a3f0.mp4

  • 7

    Contributing.md file

    πŸ‘¨β€πŸ’» Changes proposed

    βœ”οΈ Check List (Check all the applicable boxes)

    • [βœ”οΈ ] My code follows the code style of this project.
    • [βœ”οΈ ] This PR does not contain plagiarized content.
    • [βœ”οΈ ] The title of my pull request is a short description of the requested changes.

    πŸ“„ Note to reviewers

    πŸ“· Screenshots