Admin Ui frontend site with source code

Admin Ui frontend site with source code

Introduction

Admin UI refers to the administrative user interface. It is a dashboard where the admin performs administrative tasks. This project is based on Admin UI.

Admin UI project is coded using Bootstrap 4, HTML5, CSS3, and JavaScript. It is a frontend admin UI project. It does not include any back-end programming. This is a simple project. It is easy to use and implement. This project may be reliable for beginners and professionals. Admin has full control over the system. They can perform CRUD operations. They are responsible for posting information on their site.

Creating the post, edit and update, delete are the works admin does. The Admin UI project represents the admin console site. The admin site has a menu bar on the top. Title bar below the menu bar. Add options below the title bar and latest post table in the middle. Footer section on the bottom of the page. There are three additional buttons on the dashboard or admin home page. This is a responsive site. The image below represents the dashboard admin home page.

Admin UI

Building Admin UI

Add Post for adding and posting blogs. Category for adding a new category. Add users for adding users. The dashboard also shows no of the post, category, and users. While adding a post you can see the CK editor there. The menu button takes you to their respective pages. There is a drop-down welcome button and a logout button on the nav menu. Dropdown button include profile and settings.

You can edit your profile by clicking your profile on the drop-down button. Update your priorities using a setting button. The log out button logs you out from the system. Type anything to get logged in to the system. As I previously said this project is an admin representation. Back-end programming has not been used or implemented. So functions may do not work. Don’t think too much. Download the source code of this project and use it by yourself.


How to use the project?

  • Download the project.
  • Get the code.
  • Set up an editor or IDE. (vs code, subime, atom)
  • Open the project folder on editor.
  • Launch the program in browser. (chrome, firefox)
  • Use the launched project.
  • Enjoy!


Click the download button to get the source code for Admin_UI project.

password: code-club