Shadcn Address Autocomplete

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

Screen.Recording.2024-07-09.at.8.11.08.AM.mov

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