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

An address autocomplete component built with Google Places API and shadcn components.
https://github.com/NiazMorshed2007/shadcn-address-autocomplete

address autocomplete shadcn-ui

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/NiazMorshed2007/shadcn-address-autocomplete
• Owner: NiazMorshed2007
• Created: 2024-07-09T01:35:56.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-09T02:18:10.000Z (4 months ago)
• Last Synced: 2024-07-25T19:23:47.524Z (4 months ago)
• Topics: address, autocomplete, shadcn-ui
• Language: TypeScript
• Homepage: https://shadcn-address-autocomplete.vercel.app/
• Size: 78.1 KB
• Stars: 122
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shadcn-ui - shadcn-address-autocomplete - An address autocomplete component built with Google Places API and shadcn components. (Libs and Components)
• awesome-shadcn-ui - Shadcn Address Autocomplete - An address autocomplete component built with Google Places API and shadcn components. (Components)
• awesome-shadcn-ui - Shadcn Address Autocomplete - An address autocomplete component built with Google Places API and shadcn components. (Components)

README

        
## Shadcn Address Autocomplete

An address autocomplete component built with [Google Places API (new)](https://developers.google.com/maps/documentation/places/web-service/op-overview) and [shadcn/ui](https://ui.shadcn.com/) 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](https://nextjs.org)

- **Styling:** [Tailwind CSS](https://tailwindcss.com)

- **UI Components:** [shadcn/ui](https://ui.shadcn.com)

- **Validation:** [Zod](https://zod.dev)

## Running Locally

1. Clone the repository

   ```bash

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

   ```

2. Install dependencies using pnpm

   ```bash

   pnpm install

   ```

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

   ```bash

   cp .env.example .env

   ```

4. Start the development server

   ```bash

   pnpm run dev

   ```