{"id":14035973,"url":"https://github.com/Jrc356/analytics-dashboard","last_synced_at":"2025-07-27T03:31:08.024Z","repository":{"id":39424712,"uuid":"202568472","full_name":"Jrc356/analytics-dashboard","owner":"Jrc356","description":"A custom analytics dashboard built with nodejs and react","archived":false,"fork":false,"pushed_at":"2023-08-10T07:05:06.000Z","size":457,"stargazers_count":36,"open_issues_count":0,"forks_count":11,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-02T15:46:33.569Z","etag":null,"topics":["analytics-dashboard","google-analytics-api","nodejs","react"],"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/Jrc356.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2019-08-15T15:43:01.000Z","updated_at":"2024-07-22T08:10:41.000Z","dependencies_parsed_at":"2024-04-09T11:41:10.020Z","dependency_job_id":"9c471c0c-5eb8-4453-a77e-d230e7e39e97","html_url":"https://github.com/Jrc356/analytics-dashboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jrc356/analytics-dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jrc356%2Fanalytics-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jrc356%2Fanalytics-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jrc356%2Fanalytics-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jrc356%2Fanalytics-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jrc356","download_url":"https://codeload.github.com/Jrc356/analytics-dashboard/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jrc356%2Fanalytics-dashboard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267294180,"owners_count":24065343,"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","status":"online","status_checked_at":"2025-07-27T02:00:11.917Z","response_time":82,"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":["analytics-dashboard","google-analytics-api","nodejs","react"],"created_at":"2024-08-12T03:01:47.342Z","updated_at":"2025-07-27T03:31:07.727Z","avatar_url":"https://github.com/Jrc356.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"[![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2FJrc356%2Fanalytics-dashboard%2Fbadge%3Fref%3Dmaster\u0026style=flat)](https://actions-badge.atrox.dev/Jrc356/analytics-dashboard/goto?ref=master)\r\n\r\n# Analytics Dashboard\r\nThis analytics dashboard is a custom built website analytics dashboard built on Nodejs and React. \r\nIt utilizes the googleapis package to read metrics and display them in a simple and elegant way. It also implements real \r\ntime analytics using Socket.io and a custom script. This project was written as a project for an upcoming article (stay tuned for link)\r\n  \r\n# Installation \u0026 Usage\r\nInstall the packages necessary by first installing the server side packages. Then install the client side packages.  \r\n\r\nCreate a `.env` file with the following variables:\r\n```bash\r\nSERVER_PORT=\u003cport\u003e\r\nNODE_ENV=\u003cdevelopment/production\u003e\r\nCLIENT_EMAIL=\u003cgoogle service account email\u003e\r\nPRIVATE_KEY=\u003cgoogle service account private key\u003e\r\nVIEW_ID=\u003cgoogle analytics view id\u003e\r\n```\r\n\r\nFrom the top level directory install with yarn or npm:  \r\n```bash\r\n$ yarn install\r\n$ cd client\r\n$ yarn install\r\n```\r\nor \r\n```bash\r\n$ npm install\r\n$ cd client\r\n$ npm install\r\n```  \r\n  \r\nFinally, run `npm start` from the top level directory.\r\n\r\nThis will start the node server and open the local webpack server for the front end.\r\n\r\n*NOTE: The start script is built for \\*nix systems and uses `\u0026\u0026` so it will not work on Windows systems at this time. \r\nI do have an open issue for this and will return to it in the near future.*\r\n\r\n# Deployment\r\nBuild the client by doing the following:\r\nFrom the top level directory:\r\n```bash\r\n$ cd client\r\n$ yarn build\r\n```\r\nor, using npm:\r\n```bash\r\n$ cd client\r\n$ npm build\r\n```\r\n\r\nThen change the NODE_ENV variable in `.env` to `production`\r\nFinally, use `npm run server` from the top level directory. This will start up the node server using the client `build` \r\noutput as the static directory. You can now navigate to `localhost:\u003cSERVER_PORT\u003e` and see your app.\r\n\r\n# License\r\nSee [LICENSE](LICENSE.md)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJrc356%2Fanalytics-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJrc356%2Fanalytics-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJrc356%2Fanalytics-dashboard/lists"}