🇺🇸 English |
🇧🇷 Português |
Video | Technologies | About | Highlights | Cloning | Contact
viaCEP-project.mp4
If the video has any errors, reload the page!
Access the project online HERE
Watching the video above and/or accessing the project online will help you understand the explanation!
The viaCEP, as the name suggests, is a CEP query web application, where I consume the API of the post office, and based on the data received, I show a reference in the Google Maps.
Developed with HTML, CSS, Javascript, JQuery and Bootstrap, my goal when developing it was to create a simple project to better establish certain knowledge about Bootstrap and JQuery.
- Using CSS variables and manipulating them via Javascript to help with responsiveness;
- The Loader and the Social Network Button were made with the help of Bootstrap;
- I did a little key mapping with the
;
just to focus on the Input; - Most of the animations and little of the responsiveness were done with the help of JQuery;
- I used JQuery-Ajax to consume the API;
- I used the JQuery Mask Plugin to format the Input field;
To clone and run this project on your computer, you just need Git to be previously installed.
After that, in the terminal:
# Clone this repository with:
> git clone https://github.com/Luk4x/viaCEP-API.git
# Enter the repository with:
> cd viaCEP-API
# Run the project with:
> start index.html # For Windows users
> open index.html # For Linux/Mac users
Vitrine.Dev 🪟
|
Lucas Maciel
|