talented / FileManager

A file manager web app with Django rest framework in backend and Vue.js in frontend with ag-grid data tables integration.
75 stars 24 forks source link

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

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
  2. Create a virtual environment
    
    (OSX)
    python3 -m venv .env

(Linux) virtualenv .env


3. Activate virtual environment

. .env/bin/Activate


4. Install modules by running 'requirements.txt'

pip install -r requirements.txt


5. 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/](http://127.0.0.1:8000/)

## TO DO's

1. Dockerize the app
2. Deploy to AWS with S3