# Making Your First Changes

In this tutorial, we will show you how to make changes to the BitClout codebase, and see your changes reflected in a local dev environment.

## Prerequisites

This guide assumes you have successfully made it through [**Setting Up Your Dev Environment**](https://docs.bitclout.com/code/dev-setup). In particular, it assumes you have a testnet node running with n0\_test showing a frontend UI that looks roughly like the following screenshot:

![](https://536248172-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXjnOd7VhT7Q-1Lwgfo%2F-Ma-CBKpHbpo9KRtoKgS%2F-Ma-C_CJI1vVZbV96zGi%2Fimage.png?alt=media\&token=152ae266-1806-4c66-882d-f92bb71e4bb1)

## Make Your First Frontend Change

If your frontend repo is loaded into Goland, the following steps should allow you to make your first frontend change, and see it update your local node in real time:

* Run your n0\_test. Create an account and make sure you can see the page shown in the prerequisites.
* Assuming you're using Goland, navigate to the `feed.component.ts`. Hint: You can use SHIFT+SHIFT to easily jump to it.
* Look for the `GLOBAL_TAB` function in the file and modify the return statement as follows (you can name your feed whatever you want):
  * `static GLOBAL_TAB = "Satoshi's Feed";`
* Save your changes.

After your changes are saved, your browser should update to show a new title for your feed tab:

![](https://536248172-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXjnOd7VhT7Q-1Lwgfo%2F-Ma-CBKpHbpo9KRtoKgS%2F-Ma-Cc-6WvKC8kGAH2fE%2Fimage.png?alt=media\&token=b8c30aa5-d6f5-4e6f-b044-14f8ab0ae092)

## Make Your First Backend Change

The backend repo runs an API that the frontend Angular app queries to get all of the information it displays. Let's make our first change to this API by following the steps below:

* Before going into the code, go to the Admin panel, add a post to the global feed, and verify that it shows up by refreshing the page.
* With the backend repo loaded in Goland, find the `post.go` file, which defines one of the API endpoints queried by the frontend. Hint: You can use SHIFT+SHIFT to navigate to it.
* In that file, find a function called `GetPostsStateless`. Modify the response at the end of the function as follows to customize the content:
  * ```
    	if len(postEntryResponses) > 0 {
    		postEntryResponses[0].Body = "This is some content"
    	}

    	// Return the posts found.
    	res := &GetPostsStatelessResponse{
    		PostsFound: postEntryResponses,
    	}
    ```
* Save the file and restart n0\_test. When you make changes to anything in backend or core, you need to restart your node for them to take effect.

Now you should see some custom content in the post that you added to the feed. You can modify endpoints in backend like this one to customize how data is returned to the user.

![](https://536248172-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXjnOd7VhT7Q-1Lwgfo%2F-Ma-CBKpHbpo9KRtoKgS%2F-Ma-CeICfrCOMgqjFLtD%2Fimage.png?alt=media\&token=e11b26f3-d5d6-4c6d-a753-7a6a02976e70)

## Make Your First Core Change

**WIP**


---

# 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.bitclout.com/code/making-your-first-changes.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.