{"id":17063676,"url":"https://github.com/atapas/promiviz","last_synced_at":"2025-09-01T11:31:02.398Z","repository":{"id":47617274,"uuid":"397549595","full_name":"atapas/promiviz","owner":"atapas","description":"Visualize JavaScript Promises on the browser. Visualize the JavaScript Promise APIs and learn. It is a playground to learn about promises faster, ever!","archived":false,"fork":false,"pushed_at":"2024-06-27T19:46:20.000Z","size":2773,"stargazers_count":97,"open_issues_count":25,"forks_count":43,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-02T15:21:49.348Z","etag":null,"topics":["hacktoberfest","interview","javascript","promise","promise-api","promises"],"latest_commit_sha":null,"homepage":"https://promiviz.vercel.app","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/atapas.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"github":["atapas"]}},"created_at":"2021-08-18T09:47:06.000Z","updated_at":"2025-02-15T10:41:27.000Z","dependencies_parsed_at":"2024-11-07T15:03:00.342Z","dependency_job_id":"62c01e17-02a8-4993-9977-23e1cc3c2f86","html_url":"https://github.com/atapas/promiviz","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/atapas/promiviz","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fpromiviz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fpromiviz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fpromiviz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fpromiviz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atapas","download_url":"https://codeload.github.com/atapas/promiviz/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atapas%2Fpromiviz/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273114746,"owners_count":25048253,"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-09-01T02:00:09.058Z","response_time":120,"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":["hacktoberfest","interview","javascript","promise","promise-api","promises"],"created_at":"2024-10-14T10:52:43.573Z","updated_at":"2025-09-01T11:31:02.069Z","avatar_url":"https://github.com/atapas.png","language":"JavaScript","funding_links":["https://github.com/sponsors/atapas","https://www.buymeacoffee.com/greenroots"],"categories":[],"sub_categories":[],"readme":"\n# 🤝 Introducing `PromiViz`\n\u003cp align=\"center\"\u003eVisualize the JavaScript Promise APIs and learn. It is a playground to learn about promises faster than ever! A tool built for developers by a developer.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n     \u003ca href=\"https://promiviz.vercel.app/\" target=\"blank\"\u003eView Demo\u003c/a\u003e\n     ·\n     \u003ca href=\"https://blog.greenroots.info/series/javascript-promises\" target=\"blank\"\u003e Learn \u003c/a\u003e\n     .\n     \u003ca href=\"https://github.com/atapas/promiviz/issues/new/choose\" target=\"blank\"\u003eReport Bug\u003c/a\u003e\n     ·\n     \u003ca href=\"https://github.com/atapas/promiviz/issues/new/choose\" target=\"blank\"\u003eRequest Feature\u003c/a\u003e\n \u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n \u003cimg src=\"social/landing2.png\"\u003e\n\u003c/p\u003e\n\n`PromiViz` is an open-source tool to visualize the JavaScript Promise APIs. It is a playground for developers to configure promises with delays, resolve/reject, and more.\n\n# 🚀 Demo\nHere is a quick demo of the app. I hope you enjoy it.\n\n\u003e [The Demo Link](https://www.youtube.com/watch?v=webs_tRKIIg)\n\nLiked it? Please give a ⭐️ to \u003cb\u003ePromiViz\u003c/b\u003e to grow 💪 stronger.\n\n## Many Thanks to all the `Stargazers` who have supported this project with stars(⭐)\n\n[![Thanks to all stargazers](https://git-lister.onrender.com/api/stars/atapas/promiviz?limit=15)](https://github.com/atapas/promiviz/stargazers)\n\n\n# 💻 Use PromiViz\nPlease access PromiViz using the URL:\n\n\u003e https://promiviz.vercel.app/\n\n# 🔥 Features\n`PromiViz` comes with a bundle of features already. You can do the following with it:\n\n- Schedule a promise to resolve/reject after a delay.\n- Reject a promise specifically.\n- Run and test all the Promise APIs, `all`, `any`, `allSettled`, `race`, `resolve`, `reject`.\n- Show logs of the execution of the promises. The log includes time, text, and emojis to indicate the status of the promise.\n- Ability to retain the logs for a session.\n- Ability to clear the logs.\n- Ability to set themes.\n- Responsive and mobile-friendly.\n- It is a PWA(Progressive Web App).\n\n# How is it helpful to you?\nJavaScript promises are a bit of a complex topic to understand for beginners. However your interviewers will love to ask questions about this topic. Hence an in-depth understanding\nof how it works internally would be a great advantage.\n\n`PromiViz` will help you with that. You can run the promises, customize them, and see the execution\nlogs to understand what's happening. You can also modify the settings, try different combinations of the APIs, resolve/reject to firm up your understanding.\n\n# 🦄 What are the future enhancements?\nHere are some of the future enhancements planned:\n- Schedule a promise to resolve/reject after a delay with a custom message.\n- Ability to add more promises (beyond the three out-of-the-boxes).\n- Ability to run customized examples from the app.\n- Ability to run the promises in a loop to showcase the loop-related use-cases.\n- Persist a history of promise runs.\n- Persist logs across sessions.\n- More themes.\n# 🍔 Built With\nI built this app with the following technologies:\n- HTML\n- CSS\n- (Plain New) JavaScript\n\nTrue, No React, Angular, Vue, yet. As it was done as an initial prototype, I may move the app to a framework later.\n\n# 🏗️ How to Set up `PromiViz` for Development?\n- Clone the repository.\n- Browse to the project directory.\n- Just run the `index.html` file with any server of your choice. You can use `npx serve`, or if you\nare using `VS Code`, you can use the `Live Server` extension to run it.\n\n# 🛡️ License\nThis project is licensed under the MIT License - see the [`LICENSE`](LICENSE) file for details.\n\n# 🏃‍♀️ Deploy\n\n\u003ca href=\"https://vercel.com/new/project?template=https://github.com/atapas/promiviz\"\u003e\n\u003cimg src=\"https://vercel.com/button\" height=\"37.5px\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://app.netlify.com/start/deploy?repository=https://github.com/atapas/promiviz\"\u003e\n\u003cimg src=\"https://www.netlify.com/img/deploy/button.svg\" height=\"37.5px\" /\u003e\n\u003c/a\u003e\n\n\n# 🤝 Contributing to `PromiViz`\nAny kind of positive contribution is welcome! Please help us to grow by contributing to the project.\n\nIf you wish to contribute, you can work on any features or create one on your own. After adding your code, please send a Pull Request.\n\n\u003e Please read [`CONTRIBUTING`](CONTRIBUTING.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md) and the process for submitting pull requests to us.\n\n# 🙏 Support\n\nWe all need support and motivation. `PromiViz` is not an exception. Please give this project a ⭐️ to encourage and show that you liked it. Don't forget to leave a star ⭐️ before you move away.\n\nIf you found the app helpful, consider supporting us with a coffee.\n\n\u003ca href=\"https://www.buymeacoffee.com/greenroots\"\u003e\n    \u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" height=\"50px\"\u003e\n\u003c/a\u003e\n\n---\n\n\u003ch3 align=\"center\"\u003e\nA ⭐️ to \u003cb\u003ePromiViz\u003c/b\u003e is to build it 💪 stronger.\n\u003c/h3\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatapas%2Fpromiviz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatapas%2Fpromiviz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatapas%2Fpromiviz/lists"}