https://github.com/srcsticsamy/vueboard

A mock e-commerce dashboard made with Vue
https://github.com/srcsticsamy/vueboard

Last synced: 2 days ago
JSON representation

A mock e-commerce dashboard made with Vue

• Host: GitHub
• URL: https://github.com/srcsticsamy/vueboard
• Owner: SrcsticSamy
• Created: 2023-09-18T02:30:45.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-27T18:10:30.000Z (about 1 year ago)
• Last Synced: 2024-01-21T18:45:25.632Z (10 months ago)
• Language: Vue
• Homepage: https://vueboardemo.netlify.app
• Size: 283 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# VueBoard

A mock E-commerce dashboard made with Vue 3 and TailwindCSS.

> See it live [Here](https://vueboardemo.netlify.app/)

## Acknowledgements

- The project is based on [This Design](https://dribbble.com/shots/13846221-Ecommerce-Dashboard) 

- The data is from the [DummyJSON](https://dummyjson.com/) API

## Tools Used

- [Vue 3](https://vuejs.org/) (Composition API)

- [Vue Router](https://router.vuejs.org/)

- [Pinia](https://pinia.vuejs.org/)

- [TailwindCSS](https://tailwindcss.com/)

  - [HeadlessUI](https://headlessui.com/)

  - [Hero Icons](https://heroicons.com/)

- [ChartJS](https://www.chartjs.org/)

  - [Vue ChartJS](https://vue-chartjs.org/)

## TODO

I consider this project to be finished, but there are still some things that I would like to add or improve:

- [ ] Clean up the data fetching logic

- [ ] Add more filtering options in Users, Products and Orders pages

- [ ] Split the code into smaller components, like the Delete Modal

- [ ] Better folder structure (?)

- [ ] Add Dark Mode (with vueUse?)

## Project Setup

```sh

npm install

```

### Start the Development Server

```sh

npm run dev

```

### Type-Check, Compile and Minify for Production

```sh

npm run build

```