https://github-search-c73dc.firebaseapp.com/
This ReactJS application is created for practising my ReactJS knowledge. This application consumes the Github API.
- Clone the repository
- Install dependences using
npm install
oryarn
- Run the application via
npm start
oryarn start
.
This starts the app in your browser at http://localhost:3000/.
- There is a search bar to let the user search by username (login name)
- While searching, the application shows an animated loading indicator made by CSS (using gif image is not allowed)
- After the search is completed, the application shows the list of users along with their avatar and their username on the same page
- If the results are not complete in one page, the pagination is shown on the screen
- When a list item is clicked, the application is navigated to a new page that display the parsed JSON payload of that user
- The new page also has to display the list of the user's repositories, followers and following
- The application is built by React and Redux
- Webpack is being used to build the application
- The application has to be responsive and optimised for mobile
- The application is production ready (HINT: try Google’s PageSpeed or Lighthouse)
- The application supports IE10 and/or Android native browser (Chrome 30.0)
- The pages are server-side rendered and are cached in the server
- All pages' URL is reusable - meaning it can be copied and pasted on different browser and still shows the same result
- All pages are SEO optimised
- The project supports code splitting for each pages
- The results list also asynchronously shows the number of followers and following of each user without going the user page
- The search input does the searching as you type (See google search as an example)
- There is animated transition between pages
- The application supports theming and can easily be switched between themes
- Unit tests