shadcn-address-autocomplete

shadcn-address-autocomplete copied to clipboard

Shadcn Address Autocomplete

An address autocomplete component built with Google Places API (new) and shadcn/ui components.

https://github.com/NiazMorshed2007/shadcn-address-autocomplete/assets/77217706/cfd645c5-b8a9-46cf-bbb1-dc83d86fe142

Note 📝 The live url uses mock data, you should take care of setting api keys properly for real uses.

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Validation: Zod

Running Locally

1. Clone the repository

   git clone https://github.com/NiazMorshed2007/shadcn-address-autocomplete
   

2. Install dependencies using pnpm

   pnpm install
   

3. Copy the .env.example to .env and update the variables.

   cp .env.example .env
   

4. Start the development server

   pnpm run dev