1. This documentation is based on Google Gemini 2.5 Flash.
2. This is a bilingual website to be hosted as a Github page. The French and English Canadian text are manage within a Json file.
3. Technology stack is NodeJS, Yarn, VueJS, Tailwind CSS.

Setting requirements

First check your workstation setup

First Node Version Manager (nvm) then Node

NodeJS should not be install globally. If so delete it (and npm).

sudo rm -rf /usr/local/bin/{node,npm,npx}
sudo rm -rf /usr/local/lib/node_modules

1. Now restart from scratch by first installing nvm.
2. Install the version LTS of NodeJS (including npm) via nvm : nvm install --lts.
3. Make sure that this LTS version is the default every time your launch a Terminal window : nvm alias default lts
4. Install yarn : npm install -g yarn

 

Setup the project

« myProject » is a placeholder for this documentation. Replace it by your project's directory.

Create the project

yarn create vite myProject --template vue

Install dependencies

yarn

Tailwind CSS

Install Tailwind

yarn add -D tailwindcss postcss autoprefixer

Initialize it

yarn tailwind:init
``

> _If the initializing command line above generates an error in Terminal, try copy/pasting this line `"tailwind:init": "tailwindcss init -p"` within the `scripts` of your **package.json** file._