init source code

[Jean-Baptiste-Lasselle]

• Add Text in the main README.md :

How many times have you worked on project, and had to bring up a Business model ?

I have many times done that. I built this theme because I got tired of receiving Words, Excel hell-files

All the data used by the Charts are in the data folder, and in the markdown front matter

Tech Stack :

• Hugo-GMented + ViteJS Svelte / TypeScript
• TailwindCSS / Daisy UI
• Chart.js
• Mermaid.js
• RX JS for fetching data from the hugo data folder on server side, and third party data (free access REST APIs etc...)

• spin up the Hugo Gmented / ViteJS / Svelte / TypeScript / RxJS project
• Add a first main design, using a very simple TailwindCSS / Daisy UI , with zero customization, really only copy pasting a basic good looking, light and clear daisy ui theme, responsive, with day/night theme button. Other Daisy UI themes will come later.
• The navbar menu must be very simple :
  • home menu : gives a page that describes the business, in a nutshell
  • business model menu : click there and you get to the main dashboard that gives all documentation and analytics charts for the business model
• Add tech stack integrations for Chart.js, MermaidJS, RxJS : on the home page add a few fancy yummy beautiful components to describe the business model in a nutshell :
  • One MermaidJs workflow to describe the process as a pseudo show reel
  • One ChartJS chart giving current sales per country as pie chart
  • One RxJS component with a count down to Business Kick Off
• Add a few buttons on left vertical drawer menu, each button gives a different set of Charts :
  • Add overview button : a mix of all related charts giving a high level overview of the business model including initial investment,
  • Add money injections button, will give charts for:
    • the money amounts that will have to be injected, over time
  • Add Shipping charts, to analyze products shipping statistics
  • Add SCM button, for supply chain management charts:
    • that's to be aware of when orders have to be done in order to make sure products are ready to ship in time
    • that's to be aware of the supply chain costs
  • Add Sales Charts button
  • Add Workforce button : here you 'll find business processes description, and workload assessment, workforce needs assessment
  • Add Employees button : that's for assessing employees costs
  • Add Global income
  • Add Promotion button : that's for advertisement analytics (costs, medias, service providers used to promote the products), and promotion strategy documentation
  • Add Products button : Analytics Charts about each product, documentation, description and design of each product
  • Add Geo button : all analytics about all infos that have geolocation meta data, documentation of all cutlures, languagues, countries currencies
  • Add a Legal button (une balance de la justice comme icône) : here maybe not many charts, but documentation of all legal infos, per country based : taxes, rules, terms and conditions, etc... etc...
  • more ?

Mermaid JS support, in order to be able to draw nice charts for workflows etc..

cms features are critical for this theme

TypeScript

RxJS / TypeScript

see my friend Ghallagher

Mermaid JS / TypeScript

• https://www.npmjs.com/package/@types/mermaid
• Any plans for adding a typescript definition file? mermaid-js/mermaid#495

Chart JS / TypeScript

There are ways to work with ChartJS in TypeSCript :

• https://www.chartjs.org/docs/latest/developers/charts.html#typescript-typings
• https://www.chartjs.org/docs/latest/getting-started/integration.html
• https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/chart.js/chart.js-tests.ts
• google search "chart.js typescript"
• https://www.npmjs.com/package/@types/chart.js