# Sign-In with Wallet (React)

For a step by step tutorial for allowing users to sign in to your app with their wallet, follow the README on [Github](https://github.com/picketapi/picket-example-hello-world). 

Alternatively, you can [clone the repository](https://github.com/picketapi/picket-example-hello-world) and run the example to preview the final results by following these instructions:

**Step 1: Clone the repository**

Paste the following into your terminal and hit enter: 

```bash
git clone git@github.com:picketapi/picket-example-hello-world.git
```

**Step 2: Install dependencies**

Cd into the cloned directory

```bash
cd picket-example-hello-world/
```

Install dependencies from `package.json` by running the following command in your terminal.

```bash
npm install
```

**Step 3: Insert your publishable API key**

Open the repository in any code editor and locate the file named `_app.tsx`

Within that file you'll see a line of code that looks like this: 

```typescript
const apiKey = "YOUR_PUBLISHABLE_KEY_GOES_HERE";
```

Replace `YOUR_PUBLISHABLE_KEY_GOES_HERE` with your publishable key, which you can find on your picket [dashboard](https://picketapi.com/dashboard) once you have logged in.

**Step 4: Run App and Test**

Run the following in your terminal to run the app:

```bash
npm run dev
```

To test the app go to any browser and go to `localhost:3000` to see the following:

![](/files/I25MrhvE2fp4PCCw17ga)

You can now click on that button to experience log in for yourself. You also have the cloned repository on your computer for inspection. You can mess with it to learn and start building your next project.

If you have any issues getting to this point, feel free to reach out to us at <team@picketapi.com>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.picketapi.com/picket-docs/tutorials/sign-in-with-wallet-react.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.