https://github.com/gkalian/timeline-generator

A simple vueJS timeline generator
https://github.com/gkalian/timeline-generator

apexcharts vite vuejs vuetify

Last synced: 1 day ago
JSON representation

A simple vueJS timeline generator

• Host: GitHub
• URL: https://github.com/gkalian/timeline-generator
• Owner: gkalian
• License: mit
• Created: 2024-05-10T14:39:06.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-20T16:22:14.000Z (3 months ago)
• Last Synced: 2024-08-20T18:45:47.233Z (3 months ago)
• Topics: apexcharts, vite, vuejs, vuetify
• Language: Vue
• Homepage: https://gkalian.github.io/timeline-generator/
• Size: 796 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Timeline generator

A simple timeline chart generator built using the **Apex Chart** and **Vuepic/vue-datepicker** libraries. Supports multiple rows, data uploading, changing the chart title, and resizing the entire chart.

[Live generator](https://gkalian.github.io/timeline-generator/)

**Plans to do**:

- ~~Extract the VueDatePicker code to a separate component~~

- ~~Improve the VueDatePicker style and update the overall app style~~

- ~~Save input date in browser kv store~~

- ~~Add possibility to import data from .csv file~~

- ~~Update demo pic to actual state~~

- Add more settings for chart component

- (Probably) Replace later the VueDatePicker with default [Date Input](https://vuetifyjs.com/en/components/date-inputs/) component.

### Build 

![ME](https://img.shields.io/badge/by-gkalian-purple?style=for-the-badge&&logoColor=white)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)

![Vuetify](https://img.shields.io/badge/Vuetify-1867C0?style=for-the-badge&logo=vuetify&logoColor=AEDDFF)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

## Usage

- Install dependencies `npm install`

- Run locally `npm run dev`

## [Changelog](./changelog.md)

## [License](./LICENSE)