Skip to content
An offline first GitHub search application
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.
.github
app
docs
internals
server
.editorconfig
.gitattributes
.gitignore
README.md
package-lock.json
package.json
yarn.lock

README.md

A Simple GitHub Issue Search App
This application has been built using React, Redux, Styled Components and lots of ❤️


Click here to see the Live Demo

The live demo is broken as of now due to a path issue. I'm working to resolve this. In the meantime, I would request you to clone the repo and set up the project on your machine.

Features

Predictable state management using Redux
Unidirectional data flow allows for change logging and time travel debugging.
Responsive Design
Mobile first layout, without using any UI Framework
Next generation JavaScript (ES6, 7)
Template strings, object destructuring, arrow functions, JSX syntax and more.
Next generation CSS
Styled Components, Modular CSS
Industry-standard routing
Routing using React Router
Offline-first
Production builds are offline first, and therefore optimized for low or no network conditions
SEO
SEO (document head tags management) for search engines that support indexing of JavaScript content. (eg. Google)

A quick note on reusable components

There are three major components reused throughout this application:

  1. The IssueListItem component, which forms the Issue List
  2. The SelectFilterComponent which is used in all filters that have dropdowns
  3. The TextFilterComponent which is used in all filters that have string searches

Other components like the A, Button, H2 etc. are also highly reusable, as they are all pure functional components that are styled using Styled Components and are therefore self encapsulating.

Quick start

  1. Clone this repo
  2. cd into the directory and run yarn or npm install
  3. Run yarn start or npm start
  4. To see test coverage, run npm test

State Structure

Wishlist

  • Implement Complete URI - App state lock
  • Add Animations
  • Improve Test Coverage
  • Improve file organization
You can’t perform that action at this time.