Skip to content

A Web-based Application Developed Using Quasar Vue.Js Framework used to Display and Hold Application Data In Chart Components.

Notifications You must be signed in to change notification settings

zecollokaris/Dashboard-Quasar-Vue.js

Repository files navigation

📊 DASHBOARD QUASAR VUE.JS

DESCRIPTION

A Single Page Web-based Application Developed Using Quasar VueJs Framework used to Display and Hold Application Data.

DISPLAY

Display Video 🎥

Landing Page

Landing Page Page 🖥️

Login Page

Landing Page Page Scroll 🖥️

Reset Password Page

Mobile View 📱

Moble Open Menu Moble Open Menu 2 Mobile Landing Menu Closed

Tablet View

Tablet Open Menu Tablet Open Menu 2 Tablet Landing Menu Closed

SETUP/INSTALLATION REQUIREMENTS. ⚙️

Follow The Below nstructions For Set Up.

1. Install Quasar

To make sure you have the right version, use this command:

Terminal
vue --version

Install Vue CLI (v4+) as follows:

Terminal
npm install -g @vue/cli

2. Clone The Repository

Open Terminal and Change the current working directory to the location where you want the cloned directory.

Type git clone, and then paste the URL

Terminal
git clone https://github.com/USERNAME/REPOSITORY

3. Open the CLoned Repository to Install Dependancies before Running the Project.

4. Install Fusion Charts Components Via npm

FusionCharts is a JavaScript charting library that enables you to create interactive charts in the Project For Deeper clarification check Out Fusion Charts From the link below 👇

Fusion Chart

Install Fusion Charts

Terminal
npm install fusioncharts vue-fusioncharts --save

5. Start Development Server

You can start the development server by using “quasar dev” command

Terminal
quasar dev

6. Incase of Errors When Starting the Server

  • Everything should worked after the process but incase of error when raning the server Deleted node_modules folder and ran npm install After that, quasar dev should ran ok. Incase of another error reffer from the Quasar Documentation
Terminal
npm install

PREREQUISITES

  • You need to have nano text editor installed. you can find out whether you have it installed by typing nano --version in your terminal. For most linux distributions, it is installed by default. However, if you don't have it installed, you can quicky do that by typing sudo apt-get install nano in your terminal.

  • You need to have the following installed in your machine

1. Node.js.

2. Quasar FrameWork.

3. Npm Package Manager.

TECHNOLOGIES USED 👨‍💻

1. HTML

2. SSS

3. JavaScript

4. Fusion Chart Charting Library

5. Quasar FrameWork

6. Vue.js

6. Adobe Photoshop

FAQ 👋

Check Out Some More Of My Projects Check Out My Repository and You Could Tell Me What You Think.

😊 My Repository

I would Recommend

1. CryptoByte

2. Remote Control Quadcopter

😛

About

A Web-based Application Developed Using Quasar Vue.Js Framework used to Display and Hold Application Data In Chart Components.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published