Hello Coders,
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, HTML version, Flask, and Django. All projects/starters can be downloaded directly from Github (MIT License) and used for unlimited hobby & commercial projects.
Links
- 👉 Adminator Flask - product page
- 👉 Adminator Django - product page
Adminator (HTML Version)
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:
- Node.js
- 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.
Adminator Flask
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.
- Adminator Flask - Product page
- Adminator Flask Demo - LIVE Deployment
How to use the app
$ # Clone the sources
$ git clone https://github.com/app-generator/flask-dashboard-adminator.git
$ cd flask-dashboard-adminator
$
$ # 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.
Adminator Django
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
- Adminator Django - product page
- Adminator Django Demo - LIVE Deployment
How to use it
$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-adminator.git
$ cd django-dashboard-adminator
$
$ # 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 the 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.
Top comments (0)