This is the first project that made using Yehez Next Chakra Starter.

What I'm use here?

• Axios for HTTP Request.
• Formik for Form Validation. I know it's too OP here, but I want to understand this library more, LOL.

How to use it?

• It's basically like Tinyurl when you want to shorten a long url.
• Open Yehez-shortin.
• Input the long url that you want to make it short. You also can set the custom alias if you want.
• Then click the submit button if you want to make it short. TADA....

References

• Next.js Docs - Learn about Next JS and its features
• Chakra UI - UI component
• Typescript - The programming language
• Yehez NextChakra Starter Template - as my base template

Future Improvement

• Add Regex validation for the long url input
• Modularize the related components if needed.
• Use modal dialog as a confirmation and display the link result there.
• Update error message in modal.
• Implement unit testing based on Next.Js Docs about testing.