Django CoreUI - Product Update

Editor -

This article presents an open-source Django Dashboard crafted by AppSeed on top of a popular Material-based design: CoreUI Template (free version). The product has been updated recently to use the latest version of Django (3.2.6 LTS) plus other improvements regarding the codebase and deployment scripts. For newcomers, CoreUI is an open-source Dashboard Template coded in many technologies (Bootstrap, Angular, React, Vue) by the CoreUI Agency. Thanks for reading!

Django CoreUI - Login Page

✨ Product Features

Django CoreUI is basically a simple starter that comes with a simple, intuitive codebase, up-to-date dependencies, session-based authentication, and deployment scripts for Docker. The product aims to provide a solid base for a future end-product and also to help the developers, even the beginners, to ship faster their products.  

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

The codebase was also updated to provide a more intuitive footprint with static assets and template moved from core directory to apps directory. Here is the new codebase structure:

✨ Django CoreUI - Codebase Update
< PROJECT ROOT >
   |
   |-- core/                               # Implements app configuration
   |    |-- settings.py                    # Defines Global Settings
   |    |-- wsgi.py                        # Start the app in production
   |    |-- urls.py                        # Define ALL Routes
   |
   |-- apps/
   |    |
   |    |-- home/                          # App that serve HTML files
   |    |    |-- views.py                  # Serve UI Pages
   |    |    |-- urls.py                   # Define some super simple routes
   |    |
   |    |-- authentication/                # Auth routes
   |    |    |-- urls.py                   # Define authentication routes  
   |    |    |-- views.py                  # Handles login and registration
   |    |    |-- forms.py                  # 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
   |
   |-- .env                                 # ENV Configuration
   |-- manage.py                            # Start the app
   |
   |-- **************************************
Django CoreUI - New Codebase Structure
✨ Django CoreUI - Docker Scripts Update

Docker scripts have been improved to allow a fast start in any environment by typing a single line in the terminal: 

$ docker-compose pull   # download images  
$ docker-compose build  # build local packages
$ docker-compose up     # Start Django CoreUI via Docker
Django CoreUI - Execution in Docker
✨ Django CoreUI - SCSS Compilation via Gulp

All seed products generated by AppSeed contain an SCSS compilation pipeline via Gulp or Webpack and Django Core UI is not an exception, The latest version comes with a simple Gulp script that compiles the SCSS files in order to make easier the product customization. 

$ cd django-dashboard-coreui
$ cd apps/static/assets
$
$ yarn # install modules
$ gulp # recompile SCSS files
Django CoreUI - SCSS Compilation Script

✨ Core UI - Design Presentation

CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high-quality icons.

Core UI - Official Product Banner.

CoreUI Icons is an open-source icon set with more than 1500 icons in multiple formats SVG, PNG, and Webfonts. CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile apps.

CoreUI - Open-source Icons Set.
Thanks for reading! For more resources, please access: