{"id":13402982,"url":"https://github.com/trungdq88/github-explorer","last_synced_at":"2025-04-12T21:26:31.752Z","repository":{"id":9638776,"uuid":"61774942","full_name":"trungdq88/github-explorer","owner":"trungdq88","description":"Progressive Web Apps experiment","archived":false,"fork":false,"pushed_at":"2022-12-06T22:16:45.000Z","size":3295,"stargazers_count":731,"open_issues_count":27,"forks_count":64,"subscribers_count":21,"default_branch":"master","last_synced_at":"2025-04-06T06:36:11.907Z","etag":null,"topics":["animation-performance","architecture","github","progressive-web-app","reactjs"],"latest_commit_sha":null,"homepage":"https://github-e.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/trungdq88.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-06-23T05:01:18.000Z","updated_at":"2024-12-26T16:35:49.000Z","dependencies_parsed_at":"2023-01-11T20:12:59.017Z","dependency_job_id":null,"html_url":"https://github.com/trungdq88/github-explorer","commit_stats":null,"previous_names":[],"tags_count":46,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungdq88%2Fgithub-explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungdq88%2Fgithub-explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungdq88%2Fgithub-explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungdq88%2Fgithub-explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/trungdq88","download_url":"https://codeload.github.com/trungdq88/github-explorer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248633510,"owners_count":21136882,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation-performance","architecture","github","progressive-web-app","reactjs"],"created_at":"2024-07-30T19:01:23.756Z","updated_at":"2025-04-12T21:26:31.722Z","avatar_url":"https://github.com/trungdq88.png","language":"JavaScript","readme":"[![Build status](https://travis-ci.org/trungdq88/github-explorer.svg?branch=master)](https://travis-ci.org/trungdq88/github-explorer)\n[![Dependencies](https://img.shields.io/david/trungdq88/github-explorer.svg)]()\n[![Dev dependencies](https://img.shields.io/david/dev/trungdq88/github-explorer.svg)]()\n[![Coverage Status](https://coveralls.io/repos/trungdq88/github-explorer/badge.svg?branch=master\u0026service=github)](https://coveralls.io/github/trungdq88/github-explorer?branch=master)\n\n\n# Introduction\nGitHub Explorer is a [Progressive Web App](https://developers.google.com/web/progressive-web-apps/) that helps you explore GitHub user repositories. This project is created for technology demonstration purpose, experiment how a web app \"looks and behaves\" like a native app.\n\n**Live demo**: https://github-e.com\n\n*(currently no desktop layout available yet :-(, so please view this on mobile for better experience)*\n\n...or watch the GIFs below:\n\n|Overview|App Shell (not a GIF)|Material animation|\n|--------|---------|------------------|\n|![gh-e](https://cloud.githubusercontent.com/assets/4214509/16709365/18c51ef6-4639-11e6-8d51-94386c8b8983.gif)|![image](https://cloud.githubusercontent.com/assets/4214509/16709479/0785ce26-463c-11e6-8376-f6734579649d.png)|![gh-e-1](https://cloud.githubusercontent.com/assets/4214509/16709494/7edb296c-463c-11e6-82a4-7e149dec6de3.gif)|\n\nScored **88/100** in [Lighthouse](https://github.com/GoogleChrome/lighthouse) (auditing and performance metrics for Progressive Web Apps):\n\n![image](https://cloud.githubusercontent.com/assets/4214509/16709429/efc01ee6-463a-11e6-889f-026a954bd10c.png)\n\n\n## Goal:\n - Change people beliefs on web apps by make it as much \"native\" as possible with cool technologies like ReactJS and Progressive Web Apps.\n\n## Tech stack:\n - **ReactJS** for UI\n - **RxJS** for data flow and basic app architecture\n - **Web App Manifest** for add to home screen, splash screen...\n - **Service Worker** for offline usage ([sw-precache](https://github.com/GoogleChrome/sw-precache))\n - **Animation Performance** with [FLIP](https://aerotwist.com/blog/flip-your-animations/) and best practices from this [High Performance Animations Blog Post](http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/)\n - **Application Shell Architecture** for better user experience\n - **Babel** for ES6 syntax\n - **Webpack** for bundle\n - **Karma** for testing (no test case yet)\n - [React Router Page Transition](https://github.com/trungdq88/react-router-page-transition) to make material transition effect possible.\n - ...and more, please check `package.json`\n\nThis project is bootstraped from [plain-react](https://github.com/trungdq88/plain-react) - a simple boilerplate to start a simple ReactJS application.\n\n**TODOs:** a potentially technical blog post about this coming soon.\n\n# Development\n**Initial dev setup**\nMake sure you have NodeJS v6 or above. \n\n```bash  \nnpm install\nbower install\nnpm start \n``` \n\n`http://localhost:8763` should now be live with Hot Module Replacement.\n\n**Production build**\n\n```bash\nnpm install \nnpm run build \n```\n\nProduction code placed at `build`\n\n**Test**\n\n```bash\nnpm test\n```\n\nCoverage report placed in `./coverage/` directory\n\n**Other commands**\n- `npm lint`: linting.\n\n# [Team](https://github-e.com/humans.txt)\n\n```\n/* TEAM */\n\n    Company: Silicon Straits Saigon\n    www.siliconstraits.vn\n\n    Developer: Trung Dinh Quang\n    Contact: trungdq88 [at] gmail.com, quangtrung [at] siliconstraits.com\n    From: Ho Chi Minh City, Vietnam\n\n    UX/UI Designer: Huynh Anh Quan\n    Contact anhquan [at] siliconstraits.com\n    From: Ho Chi Minh City, Vietnam\n\n    Animation Designer: Van Cong Bang\n    Contact congbang [at] siliconstraits.com\n    From: Ho Chi Minh City, Vietnam\n\n/* THANKS */\n\n    The Inspectocat Icon: Jason Costello \n    Contact: https://octodex.github.com/inspectocat\n    From: San Francisco, CA\n```\n","funding_links":[],"categories":["JavaScript","Apps (Open Source)"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrungdq88%2Fgithub-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftrungdq88%2Fgithub-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrungdq88%2Fgithub-explorer/lists"}