{"id":25430558,"url":"https://github.com/boss294/user-analytics-dashboard","last_synced_at":"2025-06-28T11:36:28.712Z","repository":{"id":275366088,"uuid":"925875796","full_name":"BOSS294/User-Analytics-Dashboard","owner":"BOSS294","description":"This User Analytics Dashboard is a real-time, interactive web application designed to track and visualize active, inactive, and total users with dynamic data updates.","archived":false,"fork":false,"pushed_at":"2025-02-02T00:26:15.000Z","size":8,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-04T05:08:03.910Z","etag":null,"topics":["analytics","chartjs","countdown-timer","data-visualization","dynamic","html-css-javascript","js","livedata"],"latest_commit_sha":null,"homepage":"https://boss294.github.io/User-Analytics-Dashboard/","language":"HTML","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/BOSS294.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-02T00:21:38.000Z","updated_at":"2025-02-24T08:52:11.000Z","dependencies_parsed_at":"2025-02-02T01:22:52.946Z","dependency_job_id":"1caf7f05-8da5-4975-b1a9-3ef172aa886d","html_url":"https://github.com/BOSS294/User-Analytics-Dashboard","commit_stats":null,"previous_names":["boss294/user-analytics-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BOSS294/User-Analytics-Dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FUser-Analytics-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FUser-Analytics-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FUser-Analytics-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FUser-Analytics-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BOSS294","download_url":"https://codeload.github.com/BOSS294/User-Analytics-Dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FUser-Analytics-Dashboard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262423850,"owners_count":23309026,"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":["analytics","chartjs","countdown-timer","data-visualization","dynamic","html-css-javascript","js","livedata"],"created_at":"2025-02-17T03:39:22.647Z","updated_at":"2025-06-28T11:36:28.696Z","avatar_url":"https://github.com/BOSS294.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# User Analytics Dashboard\n![image](https://github.com/user-attachments/assets/98ec97cf-2fb5-4b70-9071-67716844c293)\n\n## Features\n\nThis **User Analytics Dashboard** is a real-time, interactive web application designed to track and visualize active, inactive, and total users with dynamic data updates.\n\n### Key Features:\n- **Real-Time Data**: The dashboard dynamically updates user data every 30 seconds.\n- **User Analytics**: Displays statistics on active users, inactive users, and the total number of users.\n- **Interactive Charts**: Visual representation of user data over time using interactive line charts powered by Chart.js.\n- **Refreshing Countdown**: Includes a countdown timer to indicate the next data refresh cycle.\n- **Modern UI**: Stylish and user-friendly design with smooth animations, hover effects, and modern color schemes.\n\n### Technologies Used:\n- **HTML5**: For structuring the webpage.\n- **CSS3**: For styling and layout, including flexbox and box-shadow effects.\n- **JavaScript**: For real-time data manipulation, Chart.js for chart rendering, and dynamic updates.\n- **Chart.js**: For interactive and visually appealing line charts.\n- **Material Icons**: Used for interactive elements like refresh button.\n\n---\n\n## Roadmap\n\n### Current Features:\n- Dynamic user data update every 30 seconds.\n- Real-time line charts displaying active, inactive, and total users.\n- Visual countdown timer before data refresh.\n- Data statistics with styled counts in the UI.\n- Fully responsive layout for different screen sizes.\n\n### Upcoming Features:\n- **User Data Source Integration**: Integrate with a real backend (e.g., REST API) to fetch real user data instead of static numbers.\n- **User Role Tracking**: Add user roles (e.g., Admin, Member, Guest) to display different statistics.\n- **Notifications**: Real-time notifications for critical data changes, like a spike in inactive users.\n- **Customizable Dashboard**: Allow users to customize which metrics they want to see and how the data is visualized.\n\n### Possible Future Enhancements:\n- **Export Data**: Add the ability to export user data in CSV/JSON format.\n- **Authentication**: Implement user login/logout with role-based access control for enhanced security.\n- **Graph Customization**: Allow users to customize the type of graph (e.g., bar, pie, area chart) for user data visualization.\n\n---\n\n## Installation\n\nTo get started, simply clone this repository and open the `index.html` file in your browser:\n\n```bash\ngit clone https://github.com/BOSS294/User-Analytics-Dashboard.git\ncd User-Analytics-Dashboard\nopen index.html\n```\n\nNo additional setup is needed as it is a static web application with Chart.js.\n\n---\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\n\n\nMade with 💖 by **Mayank Chawdhari**\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboss294%2Fuser-analytics-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fboss294%2Fuser-analytics-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboss294%2Fuser-analytics-dashboard/lists"}