https://github.com/app-generator/sample-django-file-manager
Django File Manager - UI Over the MEDIA Directory | AppSeed
https://github.com/app-generator/sample-django-file-manager
django-file-manager django-file-upload django-filebrowser django-fileupload django-media-file django-template-project file-chooser file-manager file-manager-django file-upload file-uploader file-uploader-django
Last synced: about 2 months ago
JSON representation
Django File Manager - UI Over the MEDIA Directory | AppSeed
- Host: GitHub
- URL: https://github.com/app-generator/sample-django-file-manager
- Owner: app-generator
- License: other
- Created: 2023-06-22T09:54:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-17T03:31:41.000Z (7 months ago)
- Last Synced: 2025-04-06T18:13:33.957Z (about 2 months ago)
- Topics: django-file-manager, django-file-upload, django-filebrowser, django-fileupload, django-media-file, django-template-project, file-chooser, file-manager, file-manager-django, file-upload, file-uploader, file-uploader-django
- Language: SCSS
- Homepage: https://www.youtube.com/watch?v=dBWGf-ZNUDI
- Size: 8.86 MB
- Stars: 26
- Watchers: 3
- Forks: 17
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [Django File Manager](https://github.com/app-generator/sample-django-file-manager/)
Open-source **Django** project crafted on top of **[Corporate Dashboard](https://appseed.us/product/corporate-dashboard/django/)**, an open-source `Bootstrap 5` design from [Creative-Tim](https://www.creative-tim.com/product/corporate-ui-dashboard?AFFILIATE=128200).
Designed for those who like bold elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, `Corporate Dashboard` is ready to help you create stunning websites and web apps.
> 👉 `VIDEO Presentation`: [Django File Manager](https://www.youtube.com/watch?v=dBWGf-ZNUDI) (published on `YouTube`)
---
> For a **complete set of features** and long-term support, check out **[Dynamic Django](https://app-generator.dev/docs/developer-tools/dynamic-django/index.html)**, a powerful starter that incorporates:
- ✅ [Dynamic DataTables](https://app-generator.dev/docs/developer-tools/dynamic-django/datatables.html): using a single line of configuration, the data saved in any table is automatically managed
- ✅ [Dynamic API](https://app-generator.dev/docs/developer-tools/dynamic-django/api.html): any model can become a secure API Endpoint using DRF
- ✅ [Dynamic Charts](https://app-generator.dev/docs/developer-tools/dynamic-django/charts.html): extract relevant charts without coding all major types are supported
- ✅ [CSV Loader](https://app-generator.dev/docs/developer-tools/dynamic-django/csv-loader.html): translate CSV files into Django Models and (optional) load the information
- ✅ Powerful [CLI Tools](https://app-generator.dev/docs/developer-tools/dynamic-django/cli.html) for the GIT interface, configuration editing, updating the configuration and database (create models, migrate DB)
## Manual Build
> 👉 Download the code
```bash
$ git clone https://github.com/app-generator/sample-django-file-manager.git
$ cd sample-django-file-manager
```
> 👉 Install modules via `VENV`
```bash
$ virtualenv env
$ source env/bin/activate
$ pip install -r requirements.txt
```
> 👉 Set Up Database
```bash
$ python manage.py makemigrations
$ python manage.py migrate
```
> 👉 Create the Superuser
```bash
$ python manage.py createsuperuser
```
> 👉 Start the app
```bash
$ python manage.py runserver
```
At this point, the app runs at `http://127.0.0.1:8000/`.
## Codebase structure
The project is coded using a simple and intuitive structure presented below:
```bash
< PROJECT ROOT >
|
|-- core/
| |-- settings.py # Project Configuration
| |-- urls.py # Project Routing
|
|-- home/
| |-- views.py # APP Views
| |-- urls.py # APP Routing
| |-- models.py # APP Models
| |-- tests.py # Tests
|
|-- templates/
| |-- includes/ # UI components
| |-- layouts/ # Masterpages
| |-- pages/ # Kit pages
|
|-- static/
| |-- css/ # CSS Files
| |-- scss/ # SCSS Files
| |-- corporate-ui-dashboard/_variables.scss # File Used for Theme Styling
|
|-- requirements.txt # Project Dependencies
|
|-- env.sample # ENV Configuration (default values)
|-- manage.py # Start the app - Django default start script
|
|-- ************************************************************************
```
## Recompile SCSS
The SCSS/CSS files used to style the Ui are saved in the `static` directory.
In order to update the Ui colors (primary, secondary) this procedure needs to be followed.
```bash
$ yarn # install modules
$ vi static/scss/corporate-ui-dashboard/_variables.scss # edit variables
$ gulp # SCSS to CSS translation
```
The `_variables.scss` content defines the `primary` and `secondary` colors:
```scss
$primary: #774dd3 !default; // EDIT for customization
$secondary: #64748b !default; // EDIT for customization
$info: #55a6f8 !default; // EDIT for customization
$success: #67c23a !default; // EDIT for customization
$warning: #f19937 !default; // EDIT for customization
$danger: #ea4e3d !default; // EDIT for customization
```
## Deploy on [Render](https://render.com/)
- Create a Blueprint instance
- Go to https://dashboard.render.com/blueprints this link.
- Click `New Blueprint Instance` button.
- Connect your `repo` which you want to deploy.
- Fill the `Service Group Name` and click on `Update Existing Resources` button.
- After that your deployment will start automatically.
At this point, the product should be LIVE.
---
[Django File Manager ](https://github.com/app-generator/sample-django-file-manager/) - **Django** starter provided by **[AppSeed](https://appseed.us/)**