Skip to content
front-end application using jQuery and github api
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
font-awesome-4.7.0/font-awesome-4.7.0
images
js
README.md
font-awesome-4.7.0.zip
index.html
main.js

README.md

Github Followers App


Here is how to run


git clone https://github.com/chandrikabolla/chandrikabolla.github.io.git
cd chandrikabolla.github.io/githubFollowers
start index.html

Preface


I might have chosen react/node for this project. But I sticked to jQuery,AJAX because I have more experience in the latter than the former. And I wanted to concentrate much on UI and UX.

Problem


Create a service that allows a user to search for a github user and his followers.

Solution


A Single Page Application(SPA) that allows user to search for username and display the followers (30 at a time) and provide a loadMore button to display next 30 results on the same page, can be a solution.

Technical Choices


I chose jQuery,AJAX for the asynchronous requests to display user and followers. Front end- HTML, CSS, Bootstrap JavaScript - jQuery, AJAX (consumption of github api services)

Building Process


Organizing Requirements


Prioritizing Requirements


  • add github logo
  • search bar
  • user - avatar, handle, number of followers
  • followers - avatar with loadMore button
  • Datalist - for user search
  • followers - handle,repos
  • search for a follower in the followers

Design/ UX


Moqups pages:

Error Handling


Handled errors for search bar user input

username may only contain alphanumeric characters or single hyphens, and cannot begin or end with a hyphen
~ Github 

Left out/ Might have done differently if I were to spend additional time on the project


I might have added tooltips for information messages for search box instead of text element and might have added some more information about user and followers.

Author


Chandrika Bolla

You can’t perform that action at this time.