{"id":18207613,"url":"https://github.com/gyandeeparyan/data-rendering","last_synced_at":"2026-02-06T07:05:45.383Z","repository":{"id":258928915,"uuid":"875460879","full_name":"gyandeeparyan/data-rendering","owner":"gyandeeparyan","description":null,"archived":false,"fork":false,"pushed_at":"2024-10-27T14:42:26.000Z","size":625,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-25T17:05:19.288Z","etag":null,"topics":["chartjs-2","expressjs","mongodb","mongoose","nextjs14","reactcontextapi","vercel"],"latest_commit_sha":null,"homepage":"https://data-rendering.vercel.app","language":"JavaScript","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/gyandeeparyan.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":"2024-10-20T03:26:00.000Z","updated_at":"2024-10-27T14:42:29.000Z","dependencies_parsed_at":"2025-04-10T09:15:32.592Z","dependency_job_id":"1a193188-a1da-40f3-9da1-6d34d88a90a8","html_url":"https://github.com/gyandeeparyan/data-rendering","commit_stats":null,"previous_names":["gyandeeparyan/data-rendering"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gyandeeparyan/data-rendering","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gyandeeparyan%2Fdata-rendering","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gyandeeparyan%2Fdata-rendering/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gyandeeparyan%2Fdata-rendering/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gyandeeparyan%2Fdata-rendering/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gyandeeparyan","download_url":"https://codeload.github.com/gyandeeparyan/data-rendering/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gyandeeparyan%2Fdata-rendering/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29153898,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-06T02:39:25.012Z","status":"ssl_error","status_checked_at":"2026-02-06T02:37:22.784Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["chartjs-2","expressjs","mongodb","mongoose","nextjs14","reactcontextapi","vercel"],"created_at":"2024-11-03T13:03:42.075Z","updated_at":"2026-02-06T07:05:45.346Z","avatar_url":"https://github.com/gyandeeparyan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Q2 | Dashboard   \n\nImagine you are working on a project to build a product analytics platform for your company. The platform provides users with real-time data on sales, user engagement, etc. Your task is to develop a front-end application that includes interactive data visualization charts, advanced filtering options, and efficient cookie management for user preferences.\nAdditionally, the user will be sharing a view of the page with specific filters enabled and dates selected through the browser URL. Other users can then access the shared view by simply visiting this URL upon authentication\n\n\n## Screenshots\n![Register Page](https://res.cloudinary.com/dzbmc0pit/image/upload/f_auto,q_auto/xxhme5irwgzow3iwoths)\n![Login Page](https://res.cloudinary.com/dzbmc0pit/image/upload/f_auto,q_auto/drlyf0cjkdymhkzojfsj)\n![Dashboard Page](https://res.cloudinary.com/dzbmc0pit/image/upload/v1729429972/data-visualisation-dashboard_jrjmla.png)\n\n\n## Features\n\n\n- Build a bar chart to represent the Features. A,B,C.. are features and x axis is total time spent between the selected date range.\n- Implement a line chart to display the time trend of a particular category upon clicking in the bar chart. Chart should have pan, zoom-in, zoom-out options on time range.\nles to distinguish between the same.\n- Include 2 filters: Age (15-25, \u003e25), Age (male, female). \n- Add a date range selector component that allows users to choose a specific time range for analytics data. Update the graph based on the selected time range and filters\n\n- Implement a cookie management system to store user preferences of filters and date range. When users revisit the page, their previous settings are applied by retrieving data from cookies. Provide an option for users to reset or clear their preferences.\n\n\n- Ensure that the frontend application is responsive and works seamlessly on various devices, including desktops,   tablets, and mobiles.\n\n- Implement a basic user login interface. Users should be able to sign up, log in, and log out.\n\n- Users should be able to share a chart created with date range and filters to another user via a URL. The second user will have to log in first to view the chart because the data is confidential.\n\n\n\n## Tech Stack\n\nNext.js, React Context , Chart.js , Express.js MongoDB, Mongoose, TailwindCSS , Vercel\n\n\n## Run Locally\n\nClone the project\n\n```bash\n  git clone https://github.com/gyandeeparyan/data-rendering\n```\n\nGo to the project directory\n\n```bash\n  cd data-rendering\n```\n\nInstall dependencies\n\n```bash\n  npm install\n```\n\nStart the server\n\n```bash\n  npm run dev\n```\n\n\n## Demo\n\n- https://data-rendering.vercel.app/\n\n\n## Feedback\n\n- [Send anonymous feedback](https://sameeksha.vercel.app/u/gyan?utm_feedback_type=git-roc8-dashboard)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgyandeeparyan%2Fdata-rendering","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgyandeeparyan%2Fdata-rendering","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgyandeeparyan%2Fdata-rendering/lists"}