Image of initial look of interface in browser

Application Description

This is a vue.js app that allows users to enter a zipcode and in return, they can see what city, state, latitude, and logitude belongs to it.

An external API called Zippopotam.us is used to retrieve information from zipcodes in over 60 different countries.

Incorrect Input Validation

Image of initial look of database in MySQL

In the above image you can see what happens when an incorrect zipcode is entered. Validation is used to make sure that only valid inputs are used.

The user is prompted with a message box that notifies them to enter a valid zipcode.

Conclusion

This was a fun project to work on because I will always stumble upon an unrecognizable zipcode and with this app I can search the zipcode to see where its from. This app helped strengthen my vue skills by working with API's and components. I'm looking into making a phone number area code searcher app which can apply similar skills. This idea came to mind because random phone numbers will always call my cell phone and I always have to look them up to see if it is local or not.

Thanks for reading!