All Projects → app-generator → django-corona-dark

app-generator / django-corona-dark

Licence: other
Django Dashboard - Corona Dark | AppSeed

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
SCSS
7915 projects
python
139335 projects - #7 most used programming language
Dockerfile
14818 projects

Projects that are alternatives of or similar to django-corona-dark

api-server-nodejs
Nodejs API Server - Express / SQLite / TypeORM | AppSeed
Stars: ✭ 171 (+755%)
Mutual labels:  appseed
django-soft-ui-design
Soft UI Design System - Django Starter | AppSeed
Stars: ✭ 58 (+190%)
Mutual labels:  appseed
flask-dashboard-modular-admin
Flask Dashboard - Modular Admin Design | AppSeed
Stars: ✭ 53 (+165%)
Mutual labels:  appseed
django-soft-ui-dashboard
Soft UI Dashboard - Open-source Django Dashboard | AppSeed
Stars: ✭ 133 (+565%)
Mutual labels:  appseed
django-material-kit
Django Boilerplate - Material Kit Design | AppSeed
Stars: ✭ 36 (+80%)
Mutual labels:  appseed
django-datatables-sample
Django - Datatables Sample | AppSeed
Stars: ✭ 47 (+135%)
Mutual labels:  appseed
django-black-dashboard
Django Dashboard Black - Open-source Seed Project | AppSeed
Stars: ✭ 225 (+1025%)
Mutual labels:  appseed
bulmaplay
Bulma CSS- BulmaPlay | AppSeed
Stars: ✭ 72 (+260%)
Mutual labels:  appseed
html-parser
Html Parser - Html to Pug, Jinja2, Blade Converter | AppSeed
Stars: ✭ 40 (+100%)
Mutual labels:  appseed
django-now-ui-dashboard
Django Dashboard - Now UI Design | AppSeed
Stars: ✭ 15 (-25%)
Mutual labels:  appseed
static-site
Static Sites - Open-Source and Paid | AppSeed App Generator
Stars: ✭ 17 (-15%)
Mutual labels:  appseed
material-dashboard-django
Material Dashboard - Django Template | Creative-Tim
Stars: ✭ 52 (+160%)
Mutual labels:  appseed
black-dashboard-django
Black Dashboard - Open-source Django Template | Creative-Tim
Stars: ✭ 61 (+205%)
Mutual labels:  appseed
django-dashboard-light-blue
Django Dashboard - Light Blue Design | AppSeed
Stars: ✭ 18 (-10%)
Mutual labels:  appseed
fullstack-flask-react-material-design
Flask React - Built with Automation Tools | AppSeed App Generator
Stars: ✭ 27 (+35%)
Mutual labels:  appseed
flask-dashboard-tabler
Flask Dashboard - Tabler Design | AppSeed
Stars: ✭ 19 (-5%)
Mutual labels:  appseed
tailwind-css-components
Tailwind CSS Components - Free and Open-Source Tailwind Components | AppSeed
Stars: ✭ 56 (+180%)
Mutual labels:  appseed
react-material-kit
React Material Kit - Built with Automation Tools | AppSeed App Generator
Stars: ✭ 17 (-15%)
Mutual labels:  appseed
material-kit-react
React Material Kit - Built with Automation Tools | AppSeed App Generator
Stars: ✭ 18 (-10%)
Mutual labels:  appseed
flask-atlantis-dark
Atlantis Lite - Flask (Dark Version) | AppSeed
Stars: ✭ 116 (+480%)
Mutual labels:  appseed

Django Corona Dark

Open-source Django Dashboard generated by AppSeed op top of a modern design. Corona Dark (free version) has beautiful typography, crisp design, and neatly designed dashboards. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.


Features

  • Up-to-date dependencies
  • SCSS compilation via Gulp
  • UI-Ready app, SQLite Database, Django Native ORM
  • Session-Based authentication, Forms validation
  • Deployment: Docker, Gunicorn / Nginx, HEROKU
  • Free Support via Github (issues tracker), Email and Discord.

Links


Quick Start in Docker

Get the code

$ git clone https://github.com/app-generator/django-corona-dark.git
$ cd django-corona-dark

Start the app in Docker

$ docker-compose up --build

Visit http://localhost:85 in your browser. The app should be up & running.


Django Dashboard Corona Dark - Open-Source template project provided by AppSeed.


How to use it

$ # Get the code
$ git clone https://github.com/app-generator/django-corona-dark.git
$ cd django-corona-dark
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in browser: http://127.0.0.1:8000/

Note: To use the app, please access the registration page and create a new user. After authentication, the app will unlock the private pages.


Code-base structure

The project comes with a simple and intuitive structure presented below:

< PROJECT ROOT >
   |
   |-- core/                               # Implements app configuration
   |    |-- settings.py                    # Defines Global Settings
   |    |-- wsgi.py                        # Start the app in production
   |    |-- urls.py                        # Define URLs served by all apps/nodes
   |
   |-- apps/
   |    |
   |    |-- home/                          # A simple app that serve HTML files
   |    |    |-- views.py                  # Serve HTML pages for authenticated users
   |    |    |-- urls.py                   # Define some super simple routes  
   |    |
   |    |-- authentication/                # Handles auth routes (login and register)
   |    |    |-- urls.py                   # Define authentication routes  
   |    |    |-- views.py                  # Handles login and registration  
   |    |    |-- forms.py                  # Define auth forms (login and register) 
   |    |
   |    |-- static/
   |    |    |-- <css, JS, images>         # CSS files, Javascripts files
   |    |
   |    |-- templates/                     # Templates used to render pages
   |         |-- includes/                 # HTML chunks and components
   |         |    |-- navigation.html      # Top menu component
   |         |    |-- sidebar.html         # Sidebar component
   |         |    |-- footer.html          # App Footer
   |         |    |-- scripts.html         # Scripts common to all pages
   |         |
   |         |-- layouts/                   # Master pages
   |         |    |-- base-fullscreen.html  # Used by Authentication pages
   |         |    |-- base.html             # Used by common pages
   |         |
   |         |-- accounts/                  # Authentication pages
   |         |    |-- login.html            # Login page
   |         |    |-- register.html         # Register page
   |         |
   |         |-- home/                      # UI Kit Pages
   |              |-- index.html            # Index page
   |              |-- 404-page.html         # 404 page
   |              |-- *.html                # All other pages
   |
   |-- requirements.txt                     # Development modules - SQLite storage
   |
   |-- .env                                 # Inject Configuration via Environment
   |-- manage.py                            # Start the app - Django default start script
   |
   |-- ************************************************************************

The bootstrap flow

  • Django bootstrapper manage.py uses core/settings.py as the main configuration file
  • core/settings.py loads the app magic from .env file
  • Redirect the guest users to Login page
  • Unlock the pages served by app node for authenticated users

Recompile CSS

To recompile SCSS files, follow this setup:


Step #1 - Install tools

  • NodeJS 12.x or higher
  • Gulp - globally
    • npm install -g gulp-cli
  • Yarn (optional)

Step #2 - Change the working directory to assets folder

$ cd apps/static/assets

Step #3 - Install modules (this will create a classic node_modules directory)

$ npm install
// OR
$ yarn

Step #4 - Edit & Recompile SCSS files

$ gulp scss

The generated file is saved in static/assets/css directory.


Deployment

The app is provided with a basic configuration to be executed in Docker, Gunicorn, and Waitress.

Gunicorn


Gunicorn 'Green Unicorn' is a Python WSGI HTTP Server for UNIX.

Install using pip

$ pip install gunicorn

Start the app using gunicorn binary

$ gunicorn --bind=0.0.0.0:8001 core.wsgi:application
Serving on http://localhost:8001

Visit http://localhost:8001 in your browser. The app should be up & running.


Waitress


Waitress (Gunicorn equivalent for Windows) is meant to be a production-quality pure-Python WSGI server with very acceptable performance. It has no dependencies except ones that live in the Python standard library.

Install using pip

$ pip install waitress

Start the app using waitress-serve

$ waitress-serve --port=8001 core.wsgi:application
Serving on http://localhost:8001

Visit http://localhost:8001 in your browser. The app should be up & running.


Credits & Links



Django Corona Dark - Provided by AppSeed App Generator.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].