francoisromain/camomile-ui-boilerplate

Camomile UI boilerplate

A simple boilerplate for Camomile-ui.

A similar (more advanced) project using npm and webpack is available here: Camomile UI boilerplate (with webpack).

---

Directory structure

.
+-- libs
|   +-- camomile-client.min.js
|   +-- vue.min.js
|   +-- vuex.min.js
|   +-- camomile-ui.min.js
+-- index.html
+-- README.md

/libs

The project dependencies:

• Camomile Client
• Vue.js
• Vuex
• Camomile UI

index.html

The only file that needs to be edited to build an application.

---

Getting started (local dev environment)

1. Clone this repo on your computer.

2. Camonile UI is a front end application only and requires a connection to a Camomile API server. Clone the Camomile API server repo in a directory next to this one. Create an additional camomile-data directory, resulting in the following structure:

.
+-- camomile-ui-boilerplate-simple
+-- camomile-server
+-- camomile-data
    +-- mongodb
        +-- files
    +-- camomile
        +-- logs
    +-- media
    +-- upload

Set the env variables and start the API server:

export CMML_DB=../camomile-data/mongodb/files && export CMML_LOGS=../camomile-data/camomile/logs && export CMML_MEDIA=../camomile-data/media && export CMML_UPLOAD=../camomile-data/upload && export CMML_PORT=3000 && export CMML_PASSWORD=roO7p4s5wOrD && docker-compose -f ../camomile-server/docker-compose.dev.yml up --build -d

3. From this repo, open index.html on a local server (For example, with node http-server).

4. Start building your Camomile interface inside the index.html file.