₦airaland Forum

Building a modern web application lately demand tons of cool web technologies (HTML, CSS, Javascript, React, PHP/NodeJs and MongoDB/MySQL) but with the most robust and widely used CMS (Content Management System) i.e. Wordpress, you now own the amazing power to unlock your innermost developer skills and build a modern application.

Before we dive in, so what do you need in order to build one :

  <ul>
       <li> A working system (Laptop/Desktop) </li>
       <li> Mobile Data (Atleast 50MB) <li>
       <li> A modern browser (Chrome, Firefox, Safari, ......) </li>
       <li> Domain name </li>
  </ul>

Okay, we are cool to roll now, having got all the basic requirements, let's get started:

Step 1: Get a domain name and hosting our web application
In order to build a web application that can be accessible on the internet, we need to have a registered domain name and host the domain (Url) on a server. So to minimize cost we are going to get a custom domain name and hosting free from 00webhost.com

   <ul>
       <li>Head to your browser and visit <a href="https://www.00webhost.com">00webhost </a></li>
       <li> Create a account using your favorite email address </li>
        <li> Login and click on create a new website</li>
        <li> Then select wordpress site, after couple of minutes wordpress will be installed on your custom url you create on 00webhost</li>

  </ul>

Yes, you are closer to unlock that developer skills in you...

Step 2: Setting up WordPress dashboard
After creating an account and installing WordPress on our working domain name, we have access to the Cpanel to login to our admin dashboard and mix some cool stuff together, let's get started:

<ul>
<li>Login to the admin dashboard using the username and password you created while installing the wordpress</li>
<li>Two things apparently made Wordpress unique: themes and plugins</li>
<li>On the admin dashboard, click on the appearance and select theme > add new theme > search for Ocean WP > install </li>
<li> Click on plugin and hit on add new plugin > search elementor</li>
</ul>

Okay, we are almost done.

With Ocean WP and elementor we now have access to tons of already designed templates that we can modify to suit our needs.

Step 3: Creating Pages using elementor page builder
Each and every website consist of web pages, so we are going to build our fancy and modern page using elementor

   <ul>
<li>Click on pages > new page > name it: index > edit with elementor </li>
<li> Click on add template > selec your desire template</li>
<li> Modify the template to suit you needs </li>
</ul>

Yes, we are done

To learn how to build professional WordPress site form zero to hero you can WhatsApp me on +2347031398624