Busca Cep Nuxt
A website built with NuxtJS that allows users to search Brazilian addresses using postal codes (CEP), featuring Google Maps integration and a clean interface designed with PrimeVue and Tailwind CSS.
Busca CEP - NuxtJS Experiment
About the Project
This project was developed as an experimental learning experience with NuxtJS framework. Throughout its development, core functionalities and the framework's base color system were explored, allowing for a deeper understanding of its capabilities.
Demo
Features
- Address lookup through CEP (Brazilian postal code)
- Integration with ViaCep API
- Google Maps integration for location visualization
- Responsive design
Technologies Used
- Framework: NuxtJS 3.14
- UI Library: PrimeVue
- Styling: Tailwind CSS
- APIs:
- ViaCep (Brazilian postal code service)
- Google Maps
Getting Started
Prerequisites
- Node.js (latest LTS version recommended)
- npm or yarn
Installation
- Clone the repository
git clone https://github.com/dedioficial/busca-cep-nuxt.git
- Install dependencies
npm install
# or
yarn install
- Add the Google Maps API Key to the
.env
GOOGLE_MAPS_API_KEY=12345
- Run development server
npm run dev
# or
yarn dev
Third-Party API Integration
This project integrates with:
- ViaCep API: Used for Brazilian postal code lookup and address information
- Google Maps API: Used for geographic visualization of addresses
