trungdq88 / Github Explorer
Progressive Web Apps experiment
Stars: ✭ 712
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Github Explorer
Coca
Coca is a toolbox which is design for legacy system refactoring and analysis, includes call graph, concept analysis, api tree, design patterns suggest. Coca 是一个用于系统重构、系统迁移和系统分析的瑞士军刀。它可以分析代码中的测试坏味道、模块化分析、行数统计、分析调用与依赖、Git 分析以及自动化重构等。
Stars: ✭ 576 (-19.1%)
Mutual labels: architecture
Software Architect Roadmap
Software architect roadmap
Stars: ✭ 640 (-10.11%)
Mutual labels: architecture
Arkit
JavaScript architecture diagrams and dependency graphs
Stars: ✭ 671 (-5.76%)
Mutual labels: architecture
Sw Precache
Service Worker Precache is a module for generating a service worker that
precaches resources. It integrates with your build process. Once configured, it
detects all your static resources (HTML, JavaScript, CSS, images, etc.) and
generates a hash of each file's contents. Information about each file's URL and
versioned hash are stored in the generated service worker file, along with logic
to serve those files cache-first, and automatically keep those files up to date
when changes are detected in subsequent builds.
Stars: ✭ 5,276 (+641.01%)
Mutual labels: progressive-web-app
Thecontext Podcast
Podcast about Android Development with Hannes Dorfmann, Artem Zinnatullin, Artur Dryomov and wonderful guests!
Stars: ✭ 637 (-10.53%)
Mutual labels: architecture
Onboarding
A list of resources we at flyeralarm use to get new developers up and running
Stars: ✭ 648 (-8.99%)
Mutual labels: architecture
React Native Nw React Calculator
Mobile, desktop and website Apps with the same code
Stars: ✭ 5,116 (+618.54%)
Mutual labels: architecture
Caffenet Benchmark
Evaluation of the CNN design choices performance on ImageNet-2012.
Stars: ✭ 700 (-1.69%)
Mutual labels: architecture
React Redux Universal Hot Example
A starter boilerplate for a universal webapp using react, redux, express and feathers
Stars: ✭ 639 (-10.25%)
Mutual labels: progressive-web-app
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (-6.6%)
Mutual labels: progressive-web-app
Coordinator
Implementation of Coordinators app design pattern.
Stars: ✭ 616 (-13.48%)
Mutual labels: architecture
Impress
Enterprise application server for Node.js and Metarhia private cloud ⚡
Stars: ✭ 634 (-10.96%)
Mutual labels: architecture
Architectureplaybook
The Open Architecture Playbook. Use it to create better and faster (IT)Architectures. OSS Tools, templates and more for solving IT problems using real open architecture tools that work!
Stars: ✭ 652 (-8.43%)
Mutual labels: architecture
Emba
emba - An analyzer for Linux-based firmware of embedded devices.
Stars: ✭ 607 (-14.75%)
Mutual labels: architecture
Apk Dependency Graph
Android class dependency visualizer. This tool helps to visualize the current state of the project.
Stars: ✭ 675 (-5.2%)
Mutual labels: architecture
Combinefeedback
Unidirectional reactive architecture using new Apple Combine framework https://developer.apple.com/documentation/combine
Stars: ✭ 571 (-19.8%)
Mutual labels: architecture
Mosby
A Model-View-Presenter / Model-View-Intent library for modern Android apps
Stars: ✭ 5,473 (+668.68%)
Mutual labels: architecture
Flutter Architecture Blueprints
Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.
Stars: ✭ 707 (-0.7%)
Mutual labels: architecture
Applicationcoordinator
Coordinators Essential tutorial
Stars: ✭ 694 (-2.53%)
Mutual labels: architecture
System design
Preparation links and resources for system design questions
Stars: ✭ 7,170 (+907.02%)
Mutual labels: architecture
Introduction
GitHub Explorer is a Progressive Web App 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.
Live demo: https://github-e.com
(currently no desktop layout available yet :-(, so please view this on mobile for better experience)
...or watch the GIFs below:
| Overview | App Shell (not a GIF) | Material animation |
|---|---|---|
 |
 |
 |
Scored 88/100 in Lighthouse (auditing and performance metrics for Progressive Web Apps):
Goal:
- Change people beliefs on web apps by make it as much "native" as possible with cool technologies like ReactJS and Progressive Web Apps.
Tech stack:
- ReactJS for UI
- RxJS for data flow and basic app architecture
- Web App Manifest for add to home screen, splash screen...
- Service Worker for offline usage (sw-precache)
- Animation Performance with FLIP and best practices from this High Performance Animations Blog Post
- Application Shell Architecture for better user experience
- Babel for ES6 syntax
- Webpack for bundle
- Karma for testing (no test case yet)
- React Router Page Transition to make material transition effect possible.
- ...and more, please check
package.json
This project is bootstraped from plain-react - a simple boilerplate to start a simple ReactJS application.
TODOs: a potentially technical blog post about this coming soon.
Development
Initial dev setup Make sure you have NodeJS v6 or above.
npm install
bower install
npm start
http://localhost:8763 should now be live with Hot Module Replacement.
Production build
npm install
npm run build
Production code placed at build
Test
npm test
Coverage report placed in ./coverage/ directory
Other commands
-
npm lint: linting.
Team
/* TEAM */
Company: Silicon Straits Saigon
www.siliconstraits.vn
Developer: Trung Dinh Quang
Contact: trungdq88 [at] gmail.com, quangtrung [at] siliconstraits.com
From: Ho Chi Minh City, Vietnam
UX/UI Designer: Huynh Anh Quan
Contact anhquan [at] siliconstraits.com
From: Ho Chi Minh City, Vietnam
Animation Designer: Van Cong Bang
Contact congbang [at] siliconstraits.com
From: Ho Chi Minh City, Vietnam
/* THANKS */
The Inspectocat Icon: Jason Costello
Contact: https://octodex.github.com/inspectocat
From: San Francisco, CA
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].