Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/atapas/promiviz

Visualize JavaScript Promises on the browser. Visualize the JavaScript Promise APIs and learn. It is a playground to learn about promises faster, ever!
https://github.com/atapas/promiviz

hacktoberfest interview javascript promise promise-api promises

Last synced: 6 days ago
JSON representation

Visualize JavaScript Promises on the browser. Visualize the JavaScript Promise APIs and learn. It is a playground to learn about promises faster, ever!

Awesome Lists containing this project

README 

        

# 🤝 Introducing `PromiViz`

Visualize 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.




     View Demo

     ·

      Learn 

     .

     Report Bug

     ·

     Request Feature

 





 




`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.



# 🚀 Demo

Here is a quick demo of the app. I hope you enjoy it.



> [The Demo Link](https://www.youtube.com/watch?v=webs_tRKIIg)



Liked it? Please give a ⭐️ to PromiViz to grow 💪 stronger.



## Many Thanks to all the `Stargazers` who have supported this project with stars(⭐)



[![Thanks to all stargazers](https://git-lister.onrender.com/api/stars/atapas/promiviz?limit=15)](https://github.com/atapas/promiviz/stargazers)



# 💻 Use PromiViz

Please access PromiViz using the URL:



> https://promiviz.vercel.app/



# 🔥 Features

`PromiViz` comes with a bundle of features already. You can do the following with it:



- Schedule a promise to resolve/reject after a delay.

- Reject a promise specifically.

- Run and test all the Promise APIs, `all`, `any`, `allSettled`, `race`, `resolve`, `reject`.

- Show logs of the execution of the promises. The log includes time, text, and emojis to indicate the status of the promise.

- Ability to retain the logs for a session.

- Ability to clear the logs.

- Ability to set themes.

- Responsive and mobile-friendly.

- It is a PWA(Progressive Web App).



# How is it helpful to you?

JavaScript 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

of how it works internally would be a great advantage.



`PromiViz` will help you with that. You can run the promises, customize them, and see the execution

logs to understand what's happening. You can also modify the settings, try different combinations of the APIs, resolve/reject to firm up your understanding.



# 🦄 What are the future enhancements?

Here are some of the future enhancements planned:

- Schedule a promise to resolve/reject after a delay with a custom message.

- Ability to add more promises (beyond the three out-of-the-boxes).

- Ability to run customized examples from the app.

- Ability to run the promises in a loop to showcase the loop-related use-cases.

- Persist a history of promise runs.

- Persist logs across sessions.

- More themes.

# 🍔 Built With

I built this app with the following technologies:

- HTML

- CSS

- (Plain New) JavaScript



True, No React, Angular, Vue, yet. As it was done as an initial prototype, I may move the app to a framework later.



# 🏗️ How to Set up `PromiViz` for Development?

- Clone the repository.

- Browse to the project directory.

- Just run the `index.html` file with any server of your choice. You can use `npx serve`, or if you

are using `VS Code`, you can use the `Live Server` extension to run it.



# 🛡️ License

This project is licensed under the MIT License - see the [`LICENSE`](LICENSE) file for details.



# 🏃‍♀️ Deploy
















# 🤝 Contributing to `PromiViz`

Any kind of positive contribution is welcome! Please help us to grow by contributing to the project.



If 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.



> 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.



# 🙏 Support



We 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.



If you found the app helpful, consider supporting us with a coffee.





    




---





A ⭐️ to PromiViz is to build it 💪 stronger.