SAMA server dashboard

Oleksandr Chabaniuk
SAMA communications
3 min readNov 7, 2023

--

Everyone knows that as the number of users increases, so does the load on the system and the amount of stored data, and the question becomes:

How can this data be tracked and viewed?

That’s why our team has built an easy and accessible admin panel to view your data in one place🌏.

📂Repository: sama-server-dashboard

Tools used

We have used a modern library to build the interface and connect the admin panel with your database, its name is AdminJS 💾. And to display general statistics, we used the Recharts 📈 library.

* You can read more about these libraries on their official repositories (click on the library name 👆🏼)

Installation and configuration 🛠

  1. To get started, go to the admin panel repository and copy.
git clone https://github.com/SAMA-Communications/sama-server-dashboard.git

2. Next, copy the contents of .env.example to .env and replace with your values.

3. And now, launch the admin panel.

npm run start

4. Log in using the keys you set in .env and you will be taken to the home page (dashboard):

As you can see, the main page contains general information on such data:

  • 👤 Users:
    - total number;
    - trend of user growth over the last year;
    - number of new users in the last 30 days.
  • 📬 Chats:
    - total number;
    - number of new users in the last 30 days.
  • ✉️ Messages:
    - total number;
    - number of new users in the last 30 days.

Collection page 📂

On the right, you can see the navigation menu, where you can go to the selected collection.

❕You can perform all CRUD operations on the selected collection. And you can also use a filter to find the data you need.

By clicking on the record, you will be redirected to the record page, where you can view the full information of the record in detail:

Also, the record editing page:

❗️ In order to prevent system breakdowns, editing of all collections except Users & Conversations has been blocked, so if you need to edit something, it is best to delete and create a new record, filling in all the necessary fields.

Conclusion

This application will help you easily and comfortably view records in your system and simplify the life of console battles to edit data or find 😄.

👀 Check out more posts on our page for fantastic improvements to your app!

Try SAMA 👇🏼

To run SAMA server locally — follow https://github.com/SAMA-Communications/sama-server. Frontend app is available at https://github.com/SAMA-Communications/sama-client.

Discover, enjoy, and all feedback is welcome. We will be thankful a lot for every GitHub star, issue, or comment!

--

--