{"id":15099064,"url":"https://github.com/pkalyanreddy/declaration-devops_032","last_synced_at":"2026-02-25T12:02:28.084Z","repository":{"id":248822859,"uuid":"829520173","full_name":"PKalyanReddy/Declaration-DevOps_032","owner":"PKalyanReddy","description":"ER-Diagram Builder looks very similar to the flowchart, includes many specialized symbols and its meanings make this model unique. ","archived":false,"fork":false,"pushed_at":"2024-07-22T11:51:31.000Z","size":333,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T23:15:00.896Z","etag":null,"topics":["auth0","chakra-ui","css","html","npm","react","react-flow","vitejs"],"latest_commit_sha":null,"homepage":"https://er-diagram-builder01.netlify.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/PKalyanReddy.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-07-16T15:40:04.000Z","updated_at":"2024-09-03T11:18:14.000Z","dependencies_parsed_at":"2025-02-26T04:32:24.930Z","dependency_job_id":"ce4a8fcf-b5bf-4ec3-82d0-a81f34e56c1e","html_url":"https://github.com/PKalyanReddy/Declaration-DevOps_032","commit_stats":null,"previous_names":["pkalyanreddy/declaration-devops_032"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKalyanReddy%2FDeclaration-DevOps_032","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKalyanReddy%2FDeclaration-DevOps_032/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKalyanReddy%2FDeclaration-DevOps_032/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKalyanReddy%2FDeclaration-DevOps_032/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PKalyanReddy","download_url":"https://codeload.github.com/PKalyanReddy/Declaration-DevOps_032/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243801688,"owners_count":20350108,"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":["auth0","chakra-ui","css","html","npm","react","react-flow","vitejs"],"created_at":"2024-09-25T17:04:16.064Z","updated_at":"2025-10-29T13:10:52.265Z","avatar_url":"https://github.com/PKalyanReddy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Declaration-DevOps_032 \n# ER Diagram Builder\n\n## Introduction\nER diagram looks very similar to the flowchart. However, ER Diagram includes many specialized symbols, and its meanings make this model unique. The purpose of ER Diagram is to represent the logical structure \u0026 entity framework infrastructure.\n\n\n## Project Type\nFrontend \n\n## Technology Stack\nTechnologies used in the project.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/25181517/183897015-94a058a6-b86e-4e42-a37f-bf92061753e5.png\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e\u003cimg src=\"https://www.vectorlogo.zone/logos/w3_html5/w3_html5-icon.svg\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/w3_css/w3_css-icon.svg\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e \u003cimg src=\"https://upload.vectorlogo.zone/logos/javascript/images/806c2e30-cf85-4b36-81bb-037049603c34.svg\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e  \u003cimg src=\"https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/github/github-icon.svg\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/npmjs/npmjs-ar21.svg\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/json/json-icon.svg\" alt=\"photoshop\" width=\"40\" height=\"40\"/\u003e \n\n## Deployed App \n```bash\nhttps://er-diagram-builder01.netlify.app/\n```\n\n## Directory Structure\n![Screenshot 2024-07-22 171812](https://github.com/user-attachments/assets/f01f3add-97e3-4c2c-9a06-ab9d161c4c99)\n\n1. Clone the repository using the bash command mentioned below.\n2. Change the directory within \"Declaration-DevOps_032\" using the following bash command.\n\n```bash\ngit clone https://github.com/PKalyanReddy/Declaration-DevOps_032.git\ncd ./Salesforce-Sages_084/ERDiagram_Builder__app\nnpm install\nnpm run dev\n```\n\n## Features\nKey features of the application.\n1. **User Authentication**: Allow users to secure login and account management, sign up, and log out.\n2. **Diagram Creation and Editing**: Users can create new ER diagrams, edit existing ones, and delete diagrams.\n3. **Adding relationships**: Add entities, attributes, and relationships (one-to-one, one-to-many, many-to-many).\n4. **Exporting Diagrams**: Export diagrams in different formats (e.g., PNG, PDF).\n5. **Custom Template**: Users can work on template diagrams and edit it.\n\n## Design decisions or Assumptions\n### Design Decisions and Assumptions\n\n1. **Front-End Development**:\n   - **ReactJS**: React \u0026 Redux for managing complex state application .\n   - **ChakraUI**: Styling and responsive design for a visually appealing and user-friendly interface.\n\n2. **Performance Considerations**:\n   - Efficient data handling and minimal re-renders using Redux and React hooks.\n   - Optimized for fast load times and smooth interactions.\n   \n3. **User Authentication**:\n   - Secure login system to ensure personalized experiences and data privacy.\n\n4. **Real-Time Updates**:\n   - Real-time seat availability and booking confirmations to provide accurate and immediate feedback to users.\n\n5. **WhiteBoard \u0026 Custom Template**:\n   - Users can create new ER diagrams, edit existing ones, and delete diagrams.\n   - Add node of different shapes \u0026 every shape represents different entity relationship.\n   - Can connect to node using links and can remove it by on click link \u0026 backspace button.\n\n6.  **Responsive Design**:\n   - Ensuring compatibility across various devices, including desktops, tablets, and smartphones for a seamless user experience.\n     \n## Credentials\n\n#### Github Repository Link\n```bash\nhttps://github.com/PKalyanReddy/Declaration-DevOps_032.git\n```\n\n## Glimpse of our project\n\n![Screenshot 2024-07-22 150800](https://github.com/user-attachments/assets/207d5678-67f1-4ec7-a2c4-0a6c31744474)\n![Screenshot 2024-07-22 163314](https://github.com/user-attachments/assets/8b4e35d7-a272-427a-80bb-2143e3684e21)\n![Screenshot 2024-07-22 150843](https://github.com/user-attachments/assets/0e957342-6971-44f0-892e-7bdb97d28695)\n![Screenshot 2024-07-22 150952](https://github.com/user-attachments/assets/6afba1a9-fb90-402d-bb4b-570f2475b588)\n![Screenshot 2024-07-22 151041](https://github.com/user-attachments/assets/40410630-6050-4e34-a705-556321156852)\n\n\n## Project Collaborators\n\nPavan Kalyan-PKalyanReddy\n\nRitik Sonwani-Ritik26052000\n\nShaik Faheem-ShaikFaheemuddin789\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpkalyanreddy%2Fdeclaration-devops_032","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpkalyanreddy%2Fdeclaration-devops_032","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpkalyanreddy%2Fdeclaration-devops_032/lists"}