Skip to content
A file manager web app with Django rest framework in backend and Vue.js in frontend with ag-grid data tables integration.
JavaScript CSS Python Vue HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
djvuetut
filemanager
public
src
.babelrc
.editorconfig
.gitignore
README.md
Screenshot.png
index.html
manage.py
package-lock.json
package.json
requirements.txt
webpack-stats.json
webpack.config.js

README.md

FileManager by Talented

badge License

Description

A file manager web app with Django rest framework in backend and Vue.js in frontend with ag-grid data tables integration.

There is a medium blog post that I explained in detail as a tutorial how I built it:

How to build a File Manager Storage web app with Django Rest Framework and Vue.js with Vuex and Ag-grid integration

System Requirements

  • Python 3.6+
  • pip
  • virtualenv
  • Node.js

Dependencies

See requirements.txt for more information.

Build Instructions

  1. Clone the repository and get into the directory
git clone https://github.com/talented/FileManager.git
cd filemanager
  1. Create a virtual environment
(OSX)
python3 -m venv .env

(Linux)
virtualenv .env
  1. Activate virtual environment
. .env/bin/Activate
  1. Install modules by running 'requirements.txt'
pip install -r requirements.txt
  1. Setup for vue.js
npm install

How To Start

  1. Run npm run build
  2. Run python manage.py migrate
  3. Run python manage.py runserver
  4. Open your browser using the url: http://127.0.0.1:8000/

TO DO's

  1. Dockerize the app
  2. Deploy to AWS with S3
You can’t perform that action at this time.