🗺️ Map Action Dashboard

Map Action Dashboard is a web application designed for administrators and organizations to manage various tasks and actions related to mapping projects.

📝 Description

The dashboard provides an intuitive interface for users to:

• 🗺️ Visualize data on interactive maps
• 👥 Manage users and access permissions
• 📄 manage incidents related to mapping projects
• 🕒 View a detailed history of actions taken within the system, allowing users to track changes and updates over time
• 📊 Export data in CSV format for further analysis or sharing purposes
• ⚙️ Customize and configure dashboard settings according to user preferences, including user profiles
• 💬 Find answers to frequently asked questions regarding the functionality and usage of the Map Action Dashboard
• 📚 Access online assistance and support resources, including tutorials, guides, and troubleshooting tips
• 🔔 Receive real-time updates and notifications

📚 Documentation built by Developers Developper doc

🎉 Special thanks

During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

• Chakra UI - Modern Open source framework
• ApexCharts.js - Modern & Interactive Open-source charts
• Quill Editor - ReactJS Text Editor provided by Quill
• React Table - Collection of hooks for building powerful ReactJD tables
• ReactJS - A popular JavaScript library for building user interfaces

Let us know your thoughts below. And good luck with development!

📑 Table of Contents

• 📑 Table of Contents
• ⚙️ Requirements
• 📦 Installation
• 🚀 Runing the app
• 📚 Documentation
• ✨ Features
• 🤝 Contibute to the project
• 📄 Licensing
• 📂 File Structure
• 👥 Authors

⚙️ Requirements

1. Download and Install NodeJs LTS version from NodeJs Official Page.

📦 Installation

To install dependencies, run:

$ npm install

or

$ yarn install

🚀 Runing the app

Navigate to the root / directory and run

$ npm start

📚 Documentation

The documentation for the Map Action is hosted at our Developper doc.

💻 Technologies

• JS
• CSS
• React

✨ Features

• 🚨 Incident Management;
• 👥 User Management;
• 🗺️ Interactive maps for data visualization;
• 🔔 Real-time updates and notifications;
• 📊 Data Export by day and month;
• 🤝 collaboration on incident between organisation;

🤝 Contibute to the project

Map Action is an open source project. Fell free to fork the source and contribute with your features. Please follow our contribution guidelines.

👥 Authors

Our code squad : @A7640S, @223MapAction

📄 Licensing

This project was built under the GNU General Public Licence.

📂 File Structure

Within the download you'll find the following directories and files:

Dashboard/
├── .gitattributes
├── .gitigonore
├── CHANGELOG.md
├── commit.sh
├── gulpfile.js
├── ISSUE_TEMPLATE.md
├── jsconfig.json
├── package.json
├── README.md
├── public
│   ├── favicon.png
│   ├── index.html
│   ├── apple-icon.png
│   ├── logo.png
│   └── manifest.json
└── src
    ├── assets
    │   ├── img
    │   └── svg
    ├── components
    │   ├── Card
    │   │   ├── Card.js
    │   │   ├── CardBody.js
    │   │   └── CardHeader.js
    │   ├── Charts
    │   │   ├── BarChart.js
    │   │   ├── Chart_zone.js
    │   │   └── LineChart.js
    │   ├── Configurator
    │   │   └── Configurator.js
    │   ├── FixedPlugin
    │   │   └── FixedPlugin.js
    │   ├── Footer
    │   │   └── Footer.js
    │   ├── Icons
    │   │   ├── IconBox.js
    │   │   └── Icons.js
    │   ├── Layout
    │   │   ├── MainPanel.js
    │   │   ├── PanelContainer.js
    │   │   └── PanelContent.js
    │   ├── Menu
    │   │   └── ItemContent.js
    │   ├── Navbars
    │   │   ├── Searchbar
    │   │   │   └── SearchBar.js
    │   │   ├── AdminNavbar.js
    │   │   ├── AdminNavbarLinks.js
    │   │   └── AuthNavbar.js
    │   ├── RTLProvider
    │   │   └── RTLProvider.js
    │   ├── Separator
    │   │   └── Separator.js
    │   ├── Sidebar
    │   │   ├── Sidebar.js
    │   │   └── SidebarHelp.js
    │   └── Tables
    │       ├── BillingRow.js
    │       ├── DashboardTableRow.js
    │       ├── InvoicesRow.js
    │       ├── TablesProjectRow.js
    │       ├── TablesTableRow.js
    │       ├── TimelineRow.js
    │       └── TransactionRow.js
    ├── Fonctions
    │   ├── Dash_fonction.js
    │   ├── Incident_fonction.js
    │   ├── Month.js
    │   └── YearMonth.js
    ├── layouts
    │   ├── Admin.js
    │   ├── Auth.js
    │   └── RTL.js
    ├── theme
    │   ├── additions
    │   │   ├── card
    │   │   │   └── Card.js
    │   │   ├── layout
    │   │   │   ├── MainPanel.js
    │   │   │   ├── PanelContainer.js
    │   │   │   └── PanelContent.js
    │   ├── components
    │   │   ├── badge.js
    │   │   ├── button.js
    │   │   ├── input.js
    │   │   └── link.js
    │   ├── foundations
    │   │   └── breakpoints.js
    │   ├── styles.js
    │   └── theme.js
    ├── variables
    │   ├── charts.js
    │   ├── general.js
    │   ├── maps.js
    │   └── MapsCollabor.js
    ├── views
    │   ├── Dashboard
    │   │   ├── analyze.jsx
    │   │   ├── Billing.js
    │   │   ├── CitizenTable.js
    │   │   ├── Collaboration.jsx
    │   │   ├── Dashboard.js
    │   │   ├── DashboardElu.js
    │   │   ├── DataExport.js
    │   │   ├── globalView.js
    │   │   ├── globalViewCollaboration.jsx
    │   │   ├── Incident.js
    │   │   ├── LLM_Chat.jsx
    │   │   ├── Profile.js
    │   │   └── Tables.js
    │   ├── Pages
    │   │   ├── ComponentFaq.js
    │   │   ├── ComponentHelp.js
    │   │   ├── FAQ.js
    │   │   ├── Help.js
    │   │   ├── NotFound.js
    │   │   ├── SignIn.js
    │   │   └── SignUp.js
    │   └── RTL
    │       └── RTLPage.js
    ├── index.js
    └── routes.js