OctoUser
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.
CSS modified for responsiveness
π οΈ Fixes Issue
π¨βπ» Changes proposed
βοΈ Check List (Check all the applicable boxes)
π Note to reviewers
π· Screenshots
[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
docs: added project working
Closes #3
π¨βπ» Changes proposed
Added the project working -
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
fix: image issue with invalid user
π οΈ Fixes Issue
closes #1
π¨βπ» Changes proposed
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
βοΈ Check List (Check all the applicable boxes)
π Note to reviewers
You can check yourself, I have tested it on my side. π
π· Screenshots
https://user-images.githubusercontent.com/65062036/184809882-d4f251df-427e-44da-b34b-5dc75e80a3f0.mp4
Contributing.md file
π¨βπ» Changes proposed
βοΈ Check List (Check all the applicable boxes)
π Note to reviewers
π· Screenshots