What to choose for a bulletin board + auction Joomla or Wordpress, maybe someone has their own options?

Question

CMS

Good Day Everyone!
before me is the task of making a bulletin board, a plus should be an auction. I mainly work with WordPress, there are enough plugins for the task, however, the user panel in this CMS confuses me, it’s too simple for me (I’ve never come across its refinement).
Joomla also has a lot of plugins to solve the problem, however, there is less experience.
Perhaps someone faced similar tasks or has some opinion, I will be very happy for the answers.

Answer 1

I advise you to do on what you already have the lion's share of experience. (otherwise - burrow)
Draw up a business process (BP) diagram and go!

Answer 2

Neither one nor the other.
We take any framework (YII, Symphony, Laravel) and cut the normal version.
Because in the future, any sneeze and you will get stuck.

Answer 3

If for a serious project, then a specialized engine.
Googleyandex, I hope, is not forbidden to use?

Answer 4

-1) you need to deal with a lot of questions on development theory and the basics of the language. (Let's skip it for now)
0) you need to select a library for drawing graphs.
1) you need to prepare data for this library
2) you need to draw a component from the library with graphics and pass the data there as props.
Okay, let's take a closer look:
0) let's say this is https://github.com/jerairrest/react-chartjs-2
What is the work plan? We follow the link to the github, there we see that this is just a "react wrapper" for the library - www.chartjs.org/docs/latest - great! We look at the documentation, we see the following example:

var myChart = new Chart(ctx, {
    type: 'bar', // тип диаграммы
    data: { // ДАННЫЕ
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], // МЕТКИ - здесь ваши AF, AX, AL ... в массиве
        datasets: [{
            label: '# of Votes', 
            data: [12, 19, 3, 5, 2, 3], // ДАННЫЕ - здесь ваши "количество говорящих" - 652230, 1580, 28748.. - так же в массиве и в том же порядке.
            backgroundColor: [ // настройки цветов... и значения остальных пунктов, так же можно найти в документации.
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: { // ЕЩЕ опции, тоже значения опций в документации, можно просто опустить.
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
});

Also, almost all settings have default values, so most of them can be omitted.
2) component rendering - this should already be looked at in the react wrapper documentation :

import {Doughnut} from 'react-chartjs-2'; // отрисует Doughunt диаграмму, вам наверняка нужны Line или Bar

<Doughnut data={...} /> // а вот и сама отрисовка, это нужно сунуть в ваш div, где в data должен быть объект*

2.5) chew about the object:

const myData = { // минимальный пример
labels: ["AF", "AX", "AL"], // МЕТКИ - здесь ваши AF, AX, AL ... в массиве
datasets: [{
    label: '# of Votes', 
    data: [652230, 1580,28748], // ДАННЫЕ - здесь ваши "количество говорящих" - 652230, 1580, 28748.. - так же в массиве и в том же порядке.
}]
}

So your working example with "hard-coded data" is:

import {Bar} from 'react-chartjs-2';
...
render() {
 const myData = { // минимальный пример
   labels: ["AF", "AX", "AL"], // МЕТКИ - здесь ваши AF, AX, AL ... в массиве
   datasets: [{
    label: '# of Votes', 
    data: [652230, 1580,28748], // ДАННЫЕ - здесь ваши "количество говорящих" - 652230, 1580, 28748.. - так же в массиве и в том же порядке.
   }]
  }
 return (
    <div><Bar data={myData} /></div>
 )

it goes without saying that instead of the rigidly described myData, you need to form a variable based on the data that you received from the server and write it to state, and read it from state in the component. Then, when new data is received from the server, redrawing will occur.