{"id":23882509,"url":"https://github.com/sujilnt/demodashborad-uidemo","last_synced_at":"2026-04-11T05:33:06.925Z","repository":{"id":92432543,"uuid":"195072060","full_name":"sujilnt/DemoDashborad-UIDemo","owner":"sujilnt","description":"A IOT dashboard that display values from IOT sensor into visualiable charts ","archived":false,"fork":false,"pushed_at":"2019-11-04T23:41:26.000Z","size":16714,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-01-03T16:06:23.956Z","etag":null,"topics":["compressed","imagemin","jpeg","mock","mongoose","react","service-worker","webp","webpack","worbox","workbo"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sujilnt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-03T14:36:00.000Z","updated_at":"2019-11-04T23:41:27.000Z","dependencies_parsed_at":"2023-05-31T06:02:51.373Z","dependency_job_id":null,"html_url":"https://github.com/sujilnt/DemoDashborad-UIDemo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sujilnt/DemoDashborad-UIDemo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujilnt%2FDemoDashborad-UIDemo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujilnt%2FDemoDashborad-UIDemo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujilnt%2FDemoDashborad-UIDemo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujilnt%2FDemoDashborad-UIDemo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sujilnt","download_url":"https://codeload.github.com/sujilnt/DemoDashborad-UIDemo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujilnt%2FDemoDashborad-UIDemo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669867,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["compressed","imagemin","jpeg","mock","mongoose","react","service-worker","webp","webpack","worbox","workbo"],"created_at":"2025-01-04T02:54:39.460Z","updated_at":"2026-04-11T05:33:06.898Z","avatar_url":"https://github.com/sujilnt.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Offline featured IOT analytics tool\n \nOffline featured IoT dashboard from scratch where users can visualise data from the IoT sensors. The user can also generate reports and add new sensors or delete sensor information. This web application can work both on online and offline mode. The technologies I used to develop was React.js, React Blueprint UI library, CSS, webpack, node.js, express.js (REST API), mongoose (mongo DB), service-workers.js, workbox, D3.js or Recharts.js (JavaScript data Visualisation), dweet.io (Realtime Rest API library) and jsonwebtoken.js.The sesnors are taken from Distruptive Technologies. The sensor that is used is from disruptive technologies. \n\n## linting tools\nEslint\n\n## Install\n\n```\ngit clone https://github.com/sujilnt/ReactNode-ExpressBoilerplate.git`\nyarn install\n```\n\n## Features and Commands\n\n### `Webpack Bundle Analyzer`\n\nA plugin that Visualizes the size of webpack output files with an interactive zoomable treemap. - **dev** - development mode - **prod** - development mode - **client** - client bundles only will be analysed based on dev or prod mode. - **server** - server bundle only will be analysed based on dev or prod mode .\n\n##### Commands for webpack Analyser \u003cbr/\u003e\n\n    bundle-analyzer:client-dev\n    bundle-analyzer:client-prod\n    bundle-analyzer:server-dev\n    bundle-analyzer:server-prod\n\n\u003chr/\u003e\n\n### `Webp - Image Format`\n\nImage format that supports lossy and lossless compression, as well as animation and alpha transparency. WebP images are smaller than their JPEG and PNG counterparts—usually on the magnitude of a 25–35% reduction in filesize. This decreases page sizes and improves performance.\nA node.js script that convert all images in png or Jpeg format in **_assets_** Folder .\n\n##### Commands for webp - Image Format \u003cbr/\u003e\n\n    node ./utils/covertImgtoWebP.js\n\nAll the webp information got insipired from [web.dev](https://web.dev/serve-images-webp).\n\n\u003chr/\u003e\n\n## Running the Project\n\n##### For Development\n\n```\n Client Side Run - yarn run client-dev:watch\n Server Side Run - yarn run server-dev\n or\n\tyarn run project (running both server and client side)\n```\n\n##### For Production\n\n```\n Client Side Run - yarn run client-prod:build\n Server Side Run - yarn run server-prod:build\n  or\n both build - yarn run build\n```\n\n\u003chr/\u003e\n\n**_Note -1 \u003cbr/\u003e\nIn production mode all source code files in .js or .css or .html will be minfied and compressed into gzip files using webpack compression algorithm , by default gzip all 91% of browser supports gzip. sever side bundle will be only minfied._**  \n**_Note - 2 \u003cbr/\u003e\nCertain plugins like imagemin are also been used image compression based on suggestion from [web.dev](https://web.dev/use-imagemin-to-compress-images)._**\n\n\u003chr/\u003e\n\n## Testing\n\nJest is a delightful JavaScript Testing Framework with a focus on simplicity. There is a **_mock_** folder inside **_src_** directory that is used for mock something like custom image etc. while writing automated test cases. \n\n##### For running all the test cases\n\n    `yarn run test:coverage`\n\n## License\n\nThe code is available under the [MIT license](License.txt).\n\ndeve\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsujilnt%2Fdemodashborad-uidemo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsujilnt%2Fdemodashborad-uidemo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsujilnt%2Fdemodashborad-uidemo/lists"}