This article aims to help students and beginners to start fast a new project by using a well-known open-source project, the Adminator Dashboard, coded in three versions:
- The flat/lifeless HTML version, provided by ColorLib
The Python coded versions
All versions are released under the MIT license and published on Github using public repositories. In case you like one of the projects, just clone one and start coding something for you or for a customer (the permissive license allows this).
My (nick)name is Sm0ke - Thanks for reading!
Adminator is a responsive Bootstrap 4 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets. Build the HTML version of the Adminator Dashboard requires a basic toolchain installed on our workstation:
- Yarn or NPM
- Git (to clone the sources)
How to build the HTML project:
$ # Clone the project from Github $ git clone https://github.com/app-generator/fork-adminator $ cd fork-adminator $ $ # Install Modules $ npm install $ $ # Start the project in dev mode $ npm run dev $ $ # Built HTML for production $ npm run build
Not familiar with Node, or the differences between development and production build? AMA in the comments.
The Flask version of Adminator Dashboard comes with authentication, SQLite database, SQLAlchemy ORM included.
For newcomers, Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy.
How to use the app
$ # Clone the sources $ git clone https://github.com/app-generator/flask-dashboard-adminator.git $ cd flask-dashboard-adminator $ $ # Virtualenv modules installation (Unix based systems) $ virtualenv --no-site-packages env $ source env/bin/activate $ $ # Install requirements $ pip3 install -r requirements.txt $ $ # Set the FLASK_APP environment variable $ export FLASK_APP=run.py $ $ # Start the app - default port 5000 $ flask run $ $ # Access the app in the browser: http://127.0.0.1:5000/
If all goes well, we should see the Flask Adminator Dashboard running in the browser.
Note: no default user is provided, and we need to create a new one using the registration page.
Open-Source Admin Panel coded in Django Framework on top of Adminator Dashboard design. Features:
- UI-ready Modular design, clean code-base
- SQLite, Django native ORM
- Session-Based Authentication (login, register)
- Forms validation
How to use it
$ # Get the code $ git clone https://github.com/app-generator/django-dashboard-adminator.git $ cd django-dashboard-adminator $ $ # Virtualenv modules installation (Unix based systems) $ virtualenv --no-site-packages env $ source env/bin/activate $ $ # Install modules $ # SQLIte version $ 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/
By visiting the Django Adminator app in the browser, we should see the login screen:
After we create a new user, via the registration page, and pass the login, we should see a beautiful, and simple UI:
Links & resources
- More about Flask - such a beautiful piece of software
- More About Django - a powerful Framework with many batteries included
- More Admin Dashboards provided and actively supported by AppSeed
Thanks for reading and let me know your thoughts in the comments.