users-react

---

Functions

• This app searches Github users 1.5 seconds after typing;
• Result has login and avatar of every searched user;
• This app doesn't search if input value isn't changed after 1.5 seconds;
• This app doesn't search if input is empty;
• This app is adaptive and crossbrowser (including IE 11);
• Every avatar has link of Github profile;

---

Used stack technology

• Webpack;
• NodeJs;
• ReactJS;
• CSS3, SCSS;
• HTML;
• JS, Typescript;
• Libraries: sass, autoprefixer, cssnano, rxjs, modernizr, jQuery, Express, express-static-gzip hono, @hono/node-server;
• Webpack plugins: terser-webpack-plugin, mini-css-extract-plugin, html-webpack-plugin, clean-webpack-plugin, compression-webpack-plugin;
• Deploy: Wrangler (for Cloudflare pages, Cloudflare workers);
• Api: Github api;
• Method: Mobile First.

webpack.config.js

It's usual build all files.

webpack.prod.config.js

It's build all files with optimization, but this build creates .js.gz files and deletes original .js files (look at CompressionPlugin in this config).

---

URL .

Demo