Zod Playground banner

Zod Playground

7 devlogs
36h 10m 3s

Updated Project: Worked on adding features, fixing bugs, and making improvements including Zod locale configuration support, UX improvements, accessibility improvements, and a few other small fixes.
Contributing to Zod Playground. Zod Playgroun…

Updated Project: Worked on adding features, fixing bugs, and making improvements including Zod locale configuration support, UX improvements, accessibility improvements, and a few other small fixes.
Contributing to Zod Playground. Zod Playground is a web app that allows users to interact with the Zod library API. Users can define schemas and test the validation of given values. The app is designed to be user-friendly and easy to use. It is a great tool for developers who are working with the Zod API and want to test their code on the fly without having to set up Zod locally.

Note: I did not create this project, I contributed to it, which is allowed as I checked with the Flavortown team.

https://github.com/marilari88/zod-playground/issues?q=involves%3AAbdalrhman-Almarakeby

Demo Repository

Loading README...

Abdalrhman

I created three different PRs:

  1. Fixing a very annoying bug that appear when the user switched to zod/mini that made a default schema invalid because it uses features that are available only in zod and not zod/mini, I fixed it by changing the default schema depending on whether the user is using zod or zod/mini.

  2. Adding a feature that allows users to reset the app to the default data (default schema, default data, etc), because it was annoying to not be able to get a working schema after deleting it.

  3. Using React Compiler. This took SO much time, I had to reimplement multiple times, because the setup changed after the new version of vite dropped (v6.0.0). The React docs setup instructions are still incorrect, I actually opened an issue about this in the react.dev repo that is still open: https://github.com/reactjs/react.dev/issues/8353

You can find details about these changes here:
https://github.com/marilari88/zod-playground/pulls/Abdalrhman-Almarakeby

Attachment
0
Abdalrhman

Shipped other PRs related to accessibility, performance, and miscellaneous things.

Attachment
0
Abdalrhman

Turns out that my first solution was overcomplicated and that there is a simpler solution, but it is trickier to implement and has many edge cases. Closed the first PR and opened another one with the new solution. Adding this feature required a lot of research and trying out different solutions, even though it is not shown in the amount of new code shipped. But it has been great getting feedback from the maintainers, who helped me and guided me along the way.

Attachment
0
Abdalrhman

Shipped this project!

Hours: 9.76
Cookies: 🍪 71
Multiplier: 7.33 cookies/hr

I contributed to Zod Playground. Zod Playground is a web app that allows users to interact with the Zod library API. Users can define schemas and test the validation of given values. The app is designed to be user-friendly and easy to use. It is a great tool for developers who are working with the Zod API and want to test their code on the fly without having to set up Zod locally.

Note: I did not create this project, I contributed to it, which is allowed as I checked with the Flavortown team.

Abdalrhman

Pushed new commits to fix the issues I got from the project owner’s feedback.

Attachment
0
Abdalrhman

After completing the feature, I opened a PR and received feedback, and I am currently working on fixing the issues.

Attachment
0
Abdalrhman

Working on adding locales support to the app.

0