{"id":19316894,"url":"https://github.com/pushpendra-1697/circunetics-research","last_synced_at":"2026-04-11T17:05:17.658Z","repository":{"id":184242042,"uuid":"671524951","full_name":"Pushpendra-1697/Circunetics-Research","owner":"Pushpendra-1697","description":"The Real-Time D3.js Visualization with User Authentication project aims to combine the power of the MERN stack with D3.js, enabling users to interact with visualizations in real-time while maintaining the security and privacy of their data through user authentication.","archived":false,"fork":false,"pushed_at":"2023-07-30T03:42:02.000Z","size":561,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T04:12:56.717Z","etag":null,"topics":["axios","bar-chart","bcrypt","chakra-ui","d3-visualization","docker-containers","docker-images","dockerfiles","dotenv","expressjs","jest-dom","jest-tests","jsonwebtoken","mongodb","mongoosejs","nodejs","nodemon","react-icons","react-router-dom","reactjs"],"latest_commit_sha":null,"homepage":"https://circuneties.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/Pushpendra-1697.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":"2023-07-27T14:12:40.000Z","updated_at":"2023-07-29T10:33:12.000Z","dependencies_parsed_at":"2024-11-10T01:13:09.573Z","dependency_job_id":"55af791a-4af9-44dd-8b3d-cd5eea5722de","html_url":"https://github.com/Pushpendra-1697/Circunetics-Research","commit_stats":null,"previous_names":["pushpendra-1697/circunetics-research"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FCircunetics-Research","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FCircunetics-Research/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FCircunetics-Research/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FCircunetics-Research/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pushpendra-1697","download_url":"https://codeload.github.com/Pushpendra-1697/Circunetics-Research/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240420938,"owners_count":19798501,"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":["axios","bar-chart","bcrypt","chakra-ui","d3-visualization","docker-containers","docker-images","dockerfiles","dotenv","expressjs","jest-dom","jest-tests","jsonwebtoken","mongodb","mongoosejs","nodejs","nodemon","react-icons","react-router-dom","reactjs"],"created_at":"2024-11-10T01:13:02.856Z","updated_at":"2026-04-11T17:05:17.628Z","avatar_url":"https://github.com/Pushpendra-1697.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Circunetics-Research\n## Overview\nThe Real-Time D3.js Visualization with User Authentication project aims to combine the power of the MERN stack with D3.js, enabling users to interact with visualizations in real-time while maintaining the security and privacy of their data through user authentication.\n\n## Frontend Verecel Deployed Link :\n\n##### Steps to deploy REACT app: \n  - Login your vercel account\n  - then follow some CLI comment on the terminal itself\n       - vercel\n       - then the terminal asks some questions about setup and directory\n       - vercel --prod\n       - It will give me a production link that is deployed link\n\nDeploy link: https://circuneties.vercel.app/\n\n\n## Backend Render Deployed Link:\n\n##### Steps to deploy SERVER:\n\n - create a new repo and add backend code\n - import this repo in the render Dashboard\n - set the environment variables that you have in .env file\n - after some time it gives me live link\n\nDeploy link: https://circunetics.onrender.com/\n\n\n## Tech Stack :\n\n### A) Frontend :\n\nReact (JSX Syntax), Chakra-ui Library for Styling \u0026 Modal, axios for handling asynchrous request, react-router-dom for routing or Navigate from one page to another, Standard react components, React-hooks, chakra-icons, react-icons, d3-visualization, token-based-authentication, docker, docker-images, docker-containers, bar-chart, jest-dom \u0026 jest-tests.\n\n### B) Backend :\n\nNode.js, Express.js, mongodb (NoSQL), mongoose for connect database to server, cors for handling the cors error, relationships between collections, BSON and Bsondump.\n\n## Some instructions to run locally :\n\n### Installation\n\nClone the Repository from Github. Then do the following steps:\n\n```bash\n# For Frontend\n\n    npm install\n\n    npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion\n\n    npm i @chakra-ui/icons\n\n    npm install react-icons --save\n\n   npm i axios react-router-dom@6 d3\n\n// To run react-app\n    npm run start\n    (Or)\n    npm start\n\n# For Backend\n    npm init -y\n\n    npm i express mongoose cors bcrypt dotenv jsonwebtoken nodemon\n\n   // To run server\n    npm run server\n\n# For Docker\n   docker run --rm --name ecommerce-container -e CHOKIDAR_USEPOLLING=true -d -\np 3000:3000 -v $(pwd):/app ecommerce-image    \n```\n\n## For Unit Testing of comoponent used JEST Library\n### To Run Test Cases use CLI Commend\n\n```bash\n   npm install --save-dev jest @testing-library/react @testing-library/jest-dom\n\n   npm test\n```\n\n## Some HTTP (Hyper Text Transfer Protocol) Status Code Which I used :\n\n404 ---\u003e Not Found/failure\n\n200 ---\u003e OK/Success/get/put\n\n201 ---\u003e Created/post\n\n204 ----\u003e Delete/reject\n\n## Some Project Screenshots :\n\n## A) For Computer Screen:\n![Screenshot (332)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/ef53d54c-cb3c-48bb-8ac8-5099cdcc7f64)\n![Screenshot (333)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/6d38dfd5-0c60-4ff6-b2f2-9f0fc7ac8cc5)\n![Screenshot (334)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/efbb061a-3030-45fb-905c-a30bb206d666)\n![Screenshot (336)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/af4ddf4b-68e1-40d3-9542-dcbad4da560d)\n![Screenshot (337)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/b1dea55a-e0a0-4069-a791-f4d540d4eaa2)\n\n## B) For Mobile/Tablet Screen :\n![Screenshot (338)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/0cfb7a27-60fb-4e7b-acc3-3cfaeb588d01)\n![Screenshot (339)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/5c81c2eb-857c-4a87-b8b1-4aa20de88026)\n![Screenshot (340)](https://github.com/Pushpendra-1697/Circunetics-Research/assets/104748364/3dd31238-93d1-4516-9840-b507c145c61c)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpendra-1697%2Fcircunetics-research","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpushpendra-1697%2Fcircunetics-research","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpendra-1697%2Fcircunetics-research/lists"}