{"id":31846204,"url":"https://github.com/mohitjaisal/algoviz","last_synced_at":"2026-05-18T05:39:10.673Z","repository":{"id":47054914,"uuid":"515824142","full_name":"mohitjaisal/AlgoViz","owner":"mohitjaisal","description":"Its a visualizer for sorting algorithms to see how they work with real values. It's implemented with React.js, some minimal material UI, and sorting algorithms in Javascript.","archived":false,"fork":false,"pushed_at":"2023-08-03T11:52:23.000Z","size":398,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-08-03T12:55:24.165Z","etag":null,"topics":["algorithm","algorithms","bubble-sort","dsa","hacktoberfest","hacktoberfest-accepted","javascript","mergesort","nodejs","quicksort","sorting-algorithms","visualizer"],"latest_commit_sha":null,"homepage":"https://algoviz.mohitjaisal.com","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/mohitjaisal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-20T03:47:33.000Z","updated_at":"2023-08-03T12:55:24.166Z","dependencies_parsed_at":"2022-08-12T13:11:33.363Z","dependency_job_id":null,"html_url":"https://github.com/mohitjaisal/AlgoViz","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"purl":"pkg:github/mohitjaisal/AlgoViz","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohitjaisal%2FAlgoViz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohitjaisal%2FAlgoViz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohitjaisal%2FAlgoViz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohitjaisal%2FAlgoViz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mohitjaisal","download_url":"https://codeload.github.com/mohitjaisal/AlgoViz/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohitjaisal%2FAlgoViz/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279010790,"owners_count":26084807,"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-10-12T02:00:06.719Z","response_time":53,"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":["algorithm","algorithms","bubble-sort","dsa","hacktoberfest","hacktoberfest-accepted","javascript","mergesort","nodejs","quicksort","sorting-algorithms","visualizer"],"created_at":"2025-10-12T08:46:21.532Z","updated_at":"2025-10-12T08:46:42.646Z","avatar_url":"https://github.com/mohitjaisal.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AlgoViz\n\nIt's a visualizer for sorting algorithms to see how they work with real values. It's implemented with React.js, some minimal material UI, and sorting algorithms in Javascript.\n\n## Features\n- **Algorithm Visualization:** Explore a wide range of algorithms and data structures through interactive visualizations.\n- **Step-by-Step Explanation:** Understand each step of the algorithm with detailed explanations alongside the visual representation.\n- **Custom Inputs:** Test algorithms with your own input values to see how they behave in different scenarios.\n- **Real-time Execution:** Watch the algorithm in action as it processes your input data and generates results.\n- **Code Snippets:** Access the source code of each algorithm and data structure for further study.\n- **Responsive Design:** Enjoy a seamless experience on both desktop and mobile devices.\n\n## Installation\n- To run AlgoViz locally on your machine, follow these steps:\n\n- Clone the repository:\n```bash\ngit clone https://github.com/mohitjaisal/AlgoViz.git\n```\n\n- Navigate to the project directory:\n```bash\ncd AlgoViz\n```\n\n- Install the dependencies:\n```bash\nnpm install\n```\n\n* Set up the environment variables:\n  * Rename the .env.example file to .env.\n  * Fill in the required values for the environment variables.\n\n- Start the development server:\n```bash\nnpm start\n```\n\n\u003e Open your browser and visit http://localhost:3000 to access AlgoViz.\n\n## Usage\n* Once you have the application up and running, here are a few pointers on how to use AlgoViz:\n * Browse the available algorithms and data structures from the home page.\n * Click on an algorithm to view its visualization and explanation.\n * Follow the step-by-step breakdown to understand how the algorithm works.\n * Use the custom input feature to provide your own data for the algorithm.\n * Watch the real-time execution of the algorithm and observe how it processes your input.\n * Access the source code snippets to study the implementation details.\n\n## Deployment\n\n```bash\nnpm run build\n```\n\nBuilds the app for production to the `build` folder.\u003cbr /\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\n\u003e See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n\n## Contributing\n* Contributions to AlgoViz are encouraged and appreciated! If you want to contribute to this project, please follow these steps:\n * Fork the repository.\n * Create a new branch for your feature or bug fix.\n * Make your changes and commit them with descriptive messages.\n * Push your changes to your forked repository.\n * Submit a pull request to the main repository, explaining your changes.\n\n\u003e Please ensure that your contributions align with the project's goals and adhere to the existing code style.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohitjaisal%2Falgoviz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohitjaisal%2Falgoviz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohitjaisal%2Falgoviz/lists"}