Odoo Test Project - Xavier Cordero

Project structure

test-odoo/
├── src/                    # Source files
│   ├── index.html          # Source HTML
│   ├── scss/               # SCSS styles
│   ├── js/                 # JavaScript
│   └── images/             # Source images
│
├── dist/                   # Distribution files (generated)
│   ├── index.html          # Compiled HTML
│   ├── css/                # Compiled CSS
│   ├── js/                 # Copied JavaScript
│   └── images/             # Copied images
│
└── node_modules/           # Dependencies

Available Scripts

Development

npm run dev

Starts the development server with SCSS watch and an HTTP server at http://localhost:8080.

Build

npm run build

Copiles all files into the dist/ folder:

• Cleans the dist directory
• Compiles SCSS → CSS
• Copies HTML, JavaScript, and images

Other Commands

npm run sass:build     # Compile SCSS only
npm run sass:watch     # Watch SCSS with automatic recompilation
npm run server         # Start HTTP server pointing to dist/
npm run clean          # Clean the dist/ folder

Installation

npm install

Technologies Used

• Bootstrap 5.3.8 - Framework CSS
• SCSS/Sass - CSS preprocessor
• http-server - Development server
• Inter Font - Google Fonts

Notes

• Source files remain in the src/ directory
• Distribution files are generated in dist/ (ignored by git)
• The development server serves files from the dist/ directory