readme-en.md

🇺🇸 English

🇧🇷 Português

📮 viaCEP Project

Video   |    Technologies   |    About   |    Highlights   |    Cloning   |    Contact

📹 Project Video Presentation

viaCEP-project.mp4

If the video has any errors, reload the page!
Access the project online HERE

🚀 Technologies Used

• Bootstrap
• JQuery
• Javascript
• CSS
• HTML

📝 About

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.

📌 Some Highlights

• 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;

📖 Cloning the Project

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

🤝 Contributor Contact

Vitrine.Dev 🪟 Lucas Maciel 🪧 Vitrine.Dev Lucas Maciel ✨ Name 📮 viaCEP 🏷️ Technologies bootstrap, jquery, javascript, css, html 📷 Img

Back to Top