# Installation

This React template is based on [Vite](https://vitejs.dev/guide/) and has its `README.md` which you can find very useful.

{% hint style="info" %}
You **don’t** need to install or configure tools like Webpack or Babel.\
They are configured and hidden so that you can focus on the code.
{% endhint %}

## To get started follow these steps

1. First of all, it's required to install [Node](https://nodejs.org/en/) and npm / [yarn](https://yarnpkg.com/lang/en/).
2. Open your favorite console application (Terminal, iTerm, Command Prompt, etc.). Navigate to the `gradient-able/`folder and **Install packages**  : `npm i,` `npm install` or `yarn install`. This command will install all the required [Node.js ](https://nodejs.org/en/)modules into the directory`node_modules`inside `gradient-able/`folder. And now, you are ready to run the gradient able for the first time.
3. To run the project locally: `npm start` or `yarn start` This command will runs the app in development mode. Open [http://localhost:3000](http://localhost:3000/) to view it in the browser.

   The page will automatically reload if you make changes to the code.
4. Now you can use This React hooks project for your application development, make the necessary changes.
5. To builds the app for production `npm run build` or `yarn build`. It will create the `build/` folder inside this project directory. It correctly bundles React hooks in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes. Your app is ready to be deployed.

{% hint style="success" %}
You also need to set base-name `<BrowserRouter basename="{import.meta.env.VITE_APP_BASE_NAME}">` in file`.env` directory, like

\
\&#xNAN;**`VITE_APP_BASE_NAME='/gradient-able'`**
{% endhint %}

You can find detailed instructions on using Create React App and many tips in [its documentation](https://facebook.github.io/create-react-app/).

{% hint style="warning" %}
**You’ll need to have Node v20.x.x or later on your local development machine** (but it’s not required on the server). You can use [nvm](https://github.com/creationix/nvm#installation) (macOS/Linux) or [nvm-windows](https://github.com/coreybutler/nvm-windows#node-version-manager-nvm-for-windows) to easily switch Node versions between different projects.
{% endhint %}


---

# 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://codedthemes.gitbook.io/gradient-able-react/installation.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.