Update tools used for PoWA-Web development

Author: pirlgon

docs/components/powa-web/development.rst

@@ -17,27 +17,35 @@ Clone the repository:
 .. code:: bash
 
   git clone https://github.com/powa-team/powa-web/
-  cd powa/
-  make && sudo make install
+  cd powa-web/
 
-To run the application, use run_powa.py, which will run powa in debug mode.
-That means the javascript files will not be minified, and will not be compiled
-into one giant source file.
+Then, create a Python3 virtualenv and install the project dependencies:
 
+.. code:: bash
+
+  python3 -m venv .venv --upgrade-deps
+  . .venv/bin/activate
+  pip install -r requirements.txt
 
-CSS files are generated using `sass <https://sass-lang.com/>`.
-Javascript files are splitted into AMD modules, which are managed by `requirejs
-<https://requirejs.org/>` and compiled using `grunt <https://gruntjs.com/>`.
+In case you want to contribute on the styles, first install the NodeJS dev dependencies:
+
+.. code:: bash
 
-These projects depend on NodeJS, and NPM, its package manager, so make sure you are able to install them on your
-distribution.
+  npm ci
 
-Install the development dependencies:
+After installing the dependencies, you can start the ViteJS development server with:
 
 .. code:: bash
 
-  npm install -g grunt-cli
-  npm install .
+  npm run dev
+
+This command launches a local server at http://localhost:5173 with hot module replacement,
+enabling real-time updates as you modify the project files.
+
+To run the application, use ``run_powa.py``, which will run powa in debug mode.
+
+This version uses `ViteJS` and `Vue 3` for a more integrated and performant 
+front-end development experience.
 
-Then, you can run ``grunt`` to update only the css files, or regenerate optimized
-javascript builds with ``grunt dist``.
+To easily deploy an environment for PoWa web development, take a look at `powa-podman <https://github.com/powa-team/powa-podman/tree/master/dev>`_.
+