Shadcn Address Autocomplete

Theme by Niazmorshed2007

|

Updated: 9 Jul 2024

|

348 Stars

An address autocomplete component built with Google Places API and shadcn components.

Categories

Overview:

The Shadcn Address Autocomplete is an address autocomplete component created using the Google Places API and shadcn/ui components. This component allows for easy autocomplete functionality for addresses and integrates well with other technologies like Next.js, Tailwind CSS, and Zod validation.

Features:

• Google Places API Integration: Utilizes the Google Places API for accurate address autocomplete functionality.
• Tailwind CSS Styling: Styled using Tailwind CSS for a sleek and modern design.
• Easy to Install and Run Locally: Simple steps to clone, install dependencies, and start the development server.

Installation:

1. Clone the repository:

   git clone [repository_url]
   

2. Install dependencies using pnpm:

   pnpm install
   

3. Copy the .env.example to .env and update the variables with your API keys.
4. Start the development server:

   npm run dev
   

Summary:

The Shadcn Address Autocomplete is a user-friendly component that offers address autocomplete capabilities leveraging the Google Places API. With easy installation steps and integration with popular frameworks like Next.js and UI components like shadcn/ui, this component provides a seamless experience for developers looking to enhance their address input functionality.