Giter Club home page Giter Club logo

django-admin-argon-dashboard's Introduction

Modern template for Django Admin Interface coded on top of Argon Dashboard, an open-source Boostrap 5 design from Creative-Tim.

Actively supported by AppSeed via Email and Discord.


Links & Resources


Black Friday - 75%OFF

The campaign is active until 30.NOV and applies to all products and licenses.

AppSeed - Black Friday 2022 Campaign, 75% OFF Discount (all products).


Why Django Argon Design

  • Modern Bootstrap 5 Design
  • Responsive Interface
  • Minimal Template overriding
  • Easy integration

How to use it


Install the package via PIP

$ pip install django-admin-argon-dashboard
// OR
$ pip install git+https://github.com/app-generator/django-admin-argon-dashboard.git

Add admin_argon application to the INSTALLED_APPS setting of your Django project settings.py file (note it should be before django.contrib.admin):

    INSTALLED_APPS = (
        ...
        'admin_argon.apps.AdminArgonConfig',
        'django.contrib.admin',
    )

Add admin_argon urls in your Django Project urls.py file.

    from django.urls import path, include

    urlpatterns = [
        ...
        path('', include('admin_argon.urls')),
    ]

Here are the available links:

    path('', views.index, name='index'),
    path('billing/', views.billing, name='billing'),
    path('profile/', views.profile, name='profile'),
    path('tables/',  views.tables,  name='tables' ),
    path('rtl/',     views.rtl,     name='rtl'    ),
    path('vr/',      views.vr,      name='vr'     ),
    

Collect static if you are in production environment:

$ python manage.py collectstatic

Start the app

$ # Set up the database
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Create the superuser
$ python manage.py createsuperuser
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000

Access the admin section in the browser: http://127.0.0.1:8000/


How to use it for common users

Create view functions for a particular pages and render the html template.

    def dashboard(request):
        return render(request, 'pages/dashboard.html')

Create urls.py file and map the function to the urls.py file.

    path('dashboard/', views.dashboard, name="dashboard")

Available pages

  • dashboard.html
  • billing.html
  • profile.html
  • rtl.html
  • tables.html
  • virtual-reality.html

Screenshots

Django Admin Theme: Edit users

django-admin-argon-users-min


Django Admin Theme: Dashboard page

django-admin-argon-dashboard-min



Django Admin Argon - Modern Admin Interface provided by AppSeed

django-admin-argon-dashboard's People

Contributors

fxamaraboali avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.