A powerful analytical dashboard built with Vue 3, featuring routing with vue-router, interactive charts with vue3-apexcharts, and a user-friendly date picker with vuejs3-datepicker.
- Vue 3 for building robust and reactive user interfaces.
- Vue Router (version 4.2.5) for handling navigation within the application.
- Vue3-apexcharts for creating dynamic and interactive charts.
- Vuejs3-datepicker for easy date selection.
Before running the application, ensure you have the following installed:
- Node.js (https://nodejs.org/)
- npm (Node Package Manager, comes with Node.js)
-
Clone the repository:
git clone https://github.com/emeka-richard/geepay-analytical-dashboard
-
Change into the project directory:
cd geepay-analytical-dashboard -
Install dependencies:
npm install
-
Start the development server:
npm run serve
-
Open your browser and visit http://localhost:5173 to view the Geepay Analytical Dashboard.
- src/: Contains the main source code for the application.
- assets/: Static assets like images and styles.
- components/: Reusable Vue components.
- router/: Vue Router configuration.
- layout/: Displays the dashboard view
- App.vue: The main Vue component.
- main.js: Entry point for the application.
- Vue (version 3): The JavaScript framework used for building the user interface.
- Vue Router (version 4.2.5): For handling client-side routing.
- Vue3-apexcharts (version 1.4.4): To integrate interactive charts into the dashboard.
- Vuejs3-datepicker (version 1.1.2): Provides a user-friendly date picker.
Feel free to contribute by opening issues or pull requests. Your feedback is highly appreciated.
This project is licensed under the MIT License.
Make sure to replace placeholders like `your-username` in the clone URL and update any other specific details accordingly. Also, customize the features, folder structure, and other sections based on the actual structure and features of your Geepay Analytical Dashboard.