If you haven’t read part 1 I would encourage you to check it out.
For part two of this project I am going to go through the overview of the login portal. Like I said in the previous post, I am not going to really go through code. This login portal and backend was built custom for this specific project of mine, so I would need to modify the code a ton to make it available for others to use.
The purpose of this login portal and admin area is to keep track of all the recent projects and websites that I manage. It allows me to have one central dashboard to manage everything.
Going into more detail on what exact functionality I am adding, it is mostly WordPress related stuff. For starters I added a backup manager to manage the backups on websites. An uptime monitoring system (more information about that here). Also a central to do list. These are just some of the features that are being added to this.
Here is an overview of what the portal looks like. For security reasons I have blurred out and not shown some pages.
The login page. This is where you are able to login to access the dashboard.
The dashboard. This is where you get an overview of everything that is happening.
The settings and sign out menu items.
The ability to register new users just in case.
The full uptime monitoring system.
How can I build one?
The best way to start if you are doing a project similar to this is to do the following steps.
- Start by building a secure login portal. Make sure that your password is being hashed. A good place to start is by watching the tutorials I linked in Part 1.
- Create a design for your pages. Try to simplify your life by creating one CSS and a header.php file. Then using those you can simply add pages to your portal by just calling the two files in a new PHP file.
- Create the basic functionally first. Start by creating a settings page, sign out button, main page, etc. Then once you have built that, then start adding all your features.
- Backup your work as you go. I almost lost all the work I had done because I hadn’t backed it up.
I know this isn’t really a tutorial. This is more a look at the portal I created. But the point of it is to show you how easy it is to build a portal and customize it to your liking. I am no expert coder, but I was able to create something that I think isn’t half bad.