Skip to content

Latest commit

 

History

History
104 lines (70 loc) · 2.08 KB

README.md

File metadata and controls

104 lines (70 loc) · 2.08 KB
Raw

Zipcode

Applying principles.

The project   |    Project goals   |    Technologies   |    Deploy   |    The code

License


Zipcode main screen snapshot


💻 The project

The project consisted into build an application that fetches CEP data from an API and shows address information in the main page inputs based on CEP info provided by the user and a button to send information as a registration page.

Users should be able to:

  • Fill the form fields and see input masks
  • See address information based on brazilian CEP provided info
  • See mouse hover and click effects
  • Experience the optimal layout depending on their device's screen size

🎯 Project goals

  • Test form manipulation with react-hook-form
  • Implement form validation with zod
  • Integrate both react-hook-form and zod
  • Apply DRY and SOLID principles

🚀 Technologies

This project was built using following libraries/frameworks:

  • React
  • Tailwind
  • Vite
  • React Hook Form
  • Zod
  • Axios

🌎 Deploy

Live Site URL: Zipcode


👨‍💻 The code

Getting Started with Vite

This project was bootstrapped with Vite.

First, install project dependencies:

npm install
# or
yarn install
# or
pnpm install

After, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:5173 with your browser to see the result.

📝 License

This project is under a MIT license.