1. Project Overview

Kinit is a ready-to-use back-office management solution that can serve as a starter template for new projects!

Front-end and back-end separation architecture, ready to use out of the box, keeping up with cutting-edge technologies!

High performance, high efficiency, great design, and easy extensibility

Long-term maintenance and active updates!

Kinit is a fully open-source rapid development platform, provided completely free of charge to individuals and businesses without any restrictions.

2. Open Source License

Licensed under MIT

3. Screenshots

PC Demo Screenshots

Alternative Layout Demo Screenshots

Figure 1

Figure 2

Figure 3

Figure 4

WeChat Mini Program Demo Screenshots

4. Feature Overview

Built-in PC Features

• Menu Management: Configure system menus, operation permissions, button permission identifiers, backend API permissions, and more.

• Department Management: Supports department configurations with unlimited hierarchy levels.

• Role Management: Role-based menu permissions and department permission assignments.

• User Management: Users are system operators, this function mainly completes system user configuration.

• Personal Homepage: Configure personal user information, change passwords, and more.

• Dictionary Management: Maintain some fixed data frequently used in the system.

• File Upload: Supports integration with Alibaba Cloud OSS and local storage.

• Login Authentication: Currently supports login using a mobile phone number and password, as well as SMS verification codes.

• Note: The default password for newly created users is the last six digits of their mobile phone number;

• Note: Users must change their password when logging in for the first time.

• System Configuration: Dynamically configure environment information for this system.

• Website title, LOGO, description, ICO, registration number, footer content, WeChat Mini Program information, and more.

• User Distribution: Integrates Amap to display user distribution across different regions.

• Data Overview: Provides two data visualization templates for viewing statistics more intuitively.

• Smart Dashboard: Displays real-time air quality monitoring data and analysis for the office environment on a large screen.

• Login Logs: Records and provides search functionality for user login logs.

• Operation Logs: Detailed records of every operation performed by system users.

• API Documentation: Provides automatically generated interactive API documentation and ReDoc documentation.

• Import and Export: Flexible support for data import and export.

• Includes asynchronous operations for commonly used Redis, MySQL, and MongoDB databases.

• Command-Line Operations: Newly integrated Typer command-line application to simplify data initialization and database table model migrations.

• Scheduled Tasks: Manage task scheduling online (add, edit, and delete tasks), including viewing task execution result logs.

Built-in Mobile Features

• Login Authentication: Supports login using a mobile phone number and password, as well as one-tap WeChat phone number login.

• Note: The default password for newly created users is the last six digits of their mobile phone number;

• Note: Users must change their password when logging in for the first time.

• Navigation Bar: Home, My Account, and Workspace.

• Basic Account Features: Edit profile, change avatar, change password, FAQs, About Us, and more.

5. Tech Stack

Kinit is a fully open-source rapid development platform, provided completely free of charge to individuals and businesses without any restrictions.

• The backend uses the modern, fast (high-performance) FastAPI asynchronous framework + automatically generated interactive API documentation + Pydantic (strict type validation) + SQLAlchemy 2.0 (high efficiency).

• The PC front end is developed using mainstream technologies such as vue-element-plus-admin, Vue3, Element Plus, and TypeScript.

• The mobile application is primarily developed using uni-app, Vue2, and uView 2.

• The backend integrates the Typer command-line application to simplify operations such as data initialization and database table model migrations.

• The backend now automatically generates CRUD code based on configured ORM models.

• The scheduled task feature uses the APScheduler scheduling framework + Redis message queue + MongoDB persistent storage.

• Permission authentication uses OAuth2 with hashed passwords and JWT Bearer tokens, supporting multi-client authentication.

• Supports dynamic permission menu loading and flexible permission management through multiple methods, including button-level permission control.

• Includes asynchronous operations for commonly used MySQL, MongoDB, and Redis databases.

• Supports deployment using docker-compose.

• A ready-to-use back-office management solution that can serve as a starter template for new projects or as a learning reference. It continuously follows the latest technology trends and updates as quickly as possible.

• Keeps pace with updates to the vue-element-plus-admin front-end framework.

Preparation

Back-end Technology

• Python3: Familiarity with Python3 basic syntax.

• FastAPI - Familiarity with the backend Web API framework.

• SQLAlchemy 2.0 - Database operations and data management.

• Typer - Familiarity with command-line tool usage.

• MySQL, MongoDB, and Redis - Familiarity with data storage databases.

• IP Lookup API Documentation: A third-party IP lookup service that provides 1,000 free requests.

PC End

• Node and Git - Project development environment

• Vite - Familiarize Yourself with Vite Features

• Vue3 - Familiarity with Vue basic syntax

• TypeScript - Familiarity with basic TypeScript syntax.

• ES6+ - Familiarity with basic ES6 syntax

• Vue-Router-Next - Familiarity with basic Vue Router usage

• Element-Plus - Familiarity with basic Element Plus usage

• vue3-json-viewer: An easy-to-use JSON content viewer component compatible with Vue3 and Vite.

• Amap API (amap.com): Maps JSAPI 2.0 is the fourth-generation Web map rendering engine provided free of charge by the Amap Open Platform.

Mobile

• uni-app - Familiarity with basic uni-app syntax

• Vue2 - Familiarity with basic Vue syntax

• uView UI 2: Basic usage of uView UI components

• uni-read-pages: Automatically reads all configurations in pages.json.

• uni-simple-router: Enables vue-router-style navigation and route interception in uni-app.

Scheduled Tasks

• Python3 - Familiarity with basic Python3 syntax

• APScheduler - Familiarity with the scheduled task framework

• MongoDB and Redis - Familiarity with data storage databases

More content, please refer to README.md document

Special thanks

vue-element-plus-admin: An integrated back-office management solution based on vue3, element-plus, and typescript.

RuoYi Official Website: RuoYi is an excellent Java back-office management system.

django-vue-admin: An excellent back-office management system developed based on Django.

Xiaonuo Open Source Technology (xiaonuo.vip): China's first rapid development platform with national cryptographic algorithms and front-end/back-end separation.