# Quick Installation

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

1. First, install [Node](https://nodejs.org/en/) and npm.
2. Update the latest [Angular CLI](https://angular.dev/tools/cli) global package to Angular 21+ with cli 21.x.x
3. Unzip the **gradient-able.zip** file, and you will find the `full-version/`project folder. 
4. Open your favourite console/terminal and navigate to the `full-version folder` and **install packages**

   ```sh
   npm install --legacy-peer-deps
   ```
5. To run the project locally, run the command below to start the app in development mode. Open <http://localhost:4200> to view it in the browser.

   ```sh
   npm run start
   ```
6. The page will automatically reload if you make changes to the code.
7. Now you can use this Angular project for your application development and make the necessary changes.
8. To build the app for production, the following command will create the `dist/` folder inside this project directory.

   ```sh
   npm run build
   ```

{% hint style="success" %}
The project was built assuming it is hosted at the server root folder of the domain/platform \
i.&#x65;**`http://example.com`**

### or

to deploy a build for a sub-folder \
i.&#x65;**`http://example.com/folder-name`** &#x20;

You also need to set **\<base href="/folder-name/">**
{% endhint %}