The philosophy behind CanvasDash is to create a highly interactive and user-friendly platform that enhances productivity by enabling users to customize their workspace according to their needs. With a focus on flexibility, usability, and real-time data visualization, CanvasDash empowers users to control how they view and interact with data, making it an excellent tool for both personal use and business purposes.
- As a user, I want to create a custom dashboard with various widgets, so I can view relevant data in one place.
- As a user, I want to be able to drag and drop widgets on my dashboard, so I can customize the layout.
- As a user, I want to customize each widget’s content and appearance, so I can tailor it to my needs.
- As a user, I want to store my dashboard configuration, so I can return to my customized layout later.
- Frontend: Laravel Blade, JavaScript (with Livewire and third-party JS libraries such as Leaflet and Chart.js)
- Backend: Laravel 11, APIs for various widgets
- Real-Time Data: Public APIs (e.g., Weather API, GitHub API, COVID-19 API, Stock Market API)
- Charting Library: Chart.js for rendering visual data
To set up CanvasDash locally, follow these steps:
Ensure you have the following installed before setting up MedVision:
- npm (Node.js package manager)
npm install npm@latest -g
- Composer (for Laravel dependencies)
composer install
- MySQL (or any other database you plan to use)
Follow these steps to install and set up MedVision locally:
-
Clone the repo git clone github
-
Install NPM packages
npm install
-
Install PHP dependencies (for the Laravel backend)
composer install
-
Set up environment variables:
- Copy .env.example to .env fill in your details (database credentials, etc.).
- Generate the application key for Laravel
php artisan key:generate
- Run migrations to set up the database
php artisan migrate
- Run the backend
php artisan serve npm run dev
Now, you should be able to run CanvasDash locally and explore its features.