A group I worked with used Microsoft Access Database forms and controls for data entry and tracking of reporting projects. This repo is a development project to demo modernizing the user experience (UX) and to learn web development (including backend, frontend, and charting). Because web development is new to me, I collaborated heavily with masyukun for writing REST services in node.js and svelte component development.
The project is a single page application (SPA) using:
- Svelte, a web framework by Rich Harris
- Material Design, design language software by Google
- Highcharts, a charting library by Torstein Hønsi
The mock data is JSON format and the backend is node.js.
The custom Material Design svelte components are prototypes for a more standard and robust stack we will be working on called svelterial.
Previews:
- Clone:
git clone https://github.com/pjpardun/svelte-material-dashboard .- Navigate to cloned files directory in shell and run
npm installnpm run backendnpm run dev- Navigate to localhost:5000 in browser
- @rollup/plugin-commonjs >=17.0.0
- @rollup/plugin-node-resolve >=11.0.0
- node-sass >=6.0.0
- postcss >=8.3.0
- rollup >=2.3.4
- rollup-plugin-css-only >=3.1.0
- rollup-plugin-livereload >=2.0.0
- rollup-plugin-svelte >=7.0.0
- rollup-plugin-terser >=7.0.0
- sass >=1.34.0
- svelte >=3.0.0
- svelte-preprocess >=4.7.3
- mdi/js >=5.9.55
- express >=4.17.3
- highcharts >=9.3.3
- lorem-ipsum >=2.0.4
- material-components-web >=11.0.0
- nodemon >=2.0.15
- sirv-cli >=1.0.0
- svelte-spa-router >=3.2.0
- uuid >=8.3.2
MIT License