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.

Notifications You must be signed in to change notification settings

Billybob/FileManager

 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 52.1%
  • CSS 36.8%
  • Python 6.2%
  • Vue 4.7%
  • HTML 0.2%