Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/avivace/fuse
A simple file sharing web service in Vue.js and Flask
https://github.com/avivace/fuse
axios axios-vue boostrap4 bootstrap example-api example-project file-upload file-upload-server file-upload-service flask flask-backend full-stack restful-webservices vue-bootstrap vue2 vuejs vuejs2
Last synced: 1 day ago
JSON representation
A simple file sharing web service in Vue.js and Flask
- Host: GitHub
- URL: https://github.com/avivace/fuse
- Owner: avivace
- License: gpl-3.0
- Created: 2018-03-15T21:53:05.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-02-02T06:13:28.000Z (over 1 year ago)
- Last Synced: 2024-05-02T02:40:14.894Z (5 months ago)
- Topics: axios, axios-vue, boostrap4, bootstrap, example-api, example-project, file-upload, file-upload-server, file-upload-service, flask, flask-backend, full-stack, restful-webservices, vue-bootstrap, vue2, vuejs, vuejs2
- Language: JavaScript
- Homepage:
- Size: 690 KB
- Stars: 11
- Watchers: 6
- Forks: 3
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> A simple file uploading web service in Vue.js, Axios and Flask
**Deprecation notice** this was a simple toy project I threw together to show some API and client-server concepts to the graduating students I was supervising in 2018/2019. This is *now* probably superseded by more recent bundling tools (erm.. webpack) and technologies. Keep that in mind and take a look at more modern /updated webdev practises.
### Deploy
Supposing you have `NodeJS`, `npm`, `Python3` and `pip3` installed:
```bash
# Install npm dependencies
npm install
# Install python3 dependencies
pip3 install -r requirements.txt
# Start Flask backend server
python3 app.py
# Serve with hot reload at localhost:8080
npm run dev
```
## Backend
Flask, sqlite3 as database.
## Frontend
Vue.js, the CSS framework is [bootstrap-vue](https://github.com/bootstrap-vue/bootstrap-vue) ([Bootstrap 4](https://github.com/twbs/bootstrap)). Requests are handled with [Axios](https://github.com/axios/axios).
### Build Setup
``` bash
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
```
## Documentation Resources
- [VueJS webpack template guide](http://vuejs-templates.github.io/webpack/)
- [docs for vue-loader](http://vuejs.github.io/vue-loader)
Thanks to [Cristian Baldi](https://github.com/crisbal) for its Vue wisdom.