Node.js Express Alexa Ranking of Websites Global Worldwide By Country Wise Full Web App Using alexa-rank-nodejs Deployed to Website 2020

Node.js Express Alexa Ranking of Websites Global Worldwide By Country Wise Full Web App Using alexa-rank-nodejs Deployed to Website 2020

 

 

Welcome folks today in this tutorial we will be deploying a real web app where we will be making a real life web app in which we will be checking the alexa worldwide rank of websites globally and also countrywise. All the source code of the app is shown below.

 

Get Started

 

 

In order to get started we will be using a node dependency called as alexa-rank-nodejs

 

npm init -y

 

npm i alexa-rank-nodejs is-valid-domain express ejs

 

Now after installing this dependency inside your node.js project

 

Create a express project by creating a index.js file like this and copy paste the following code into it

const AlexaRank = require('alexa-rank-nodejs').default;

(async () => {
    var data = await AlexaRank.siteinfo('google.com');
    console.log(data);
})() 

 

then, run the command node index.js and this is the results

 

{
  status: 200,
  message: 'Data successfully retrieved',
  data: {
    site_rank: '1',
    top_keywords: [
      'gmail',
      ...
      'google'
    ],
    similar_sites: [
      'youtube.com',
      ...
      'blogspot.com'
    ]
  }
}

 

 

Complete Example

 

 

Now we will build the complete example where we will take the input from the user in the form of website url and then we will show the complete information of that domain including the alexa rank and other relevant information

 

 

Now make a views folder and inside that folder create a alexasiteinfo.ejs file and copy paste the following code to it

 

 

views/alexasiteinfo.ejs

 

 

<div class="container">
          <h1 class="text-center">
              Alexa Rank of Site
          </h1>
          <form action="/alexasiteinfo" method="post">
            <div class="form-group">
                <label for="url">Website URL:</label>
                <input class="form-control" type="text" placeholder="google.com" name="url" id="" required>
            </div>
            <br>
            <div class="form-group">
                <button class="btn btn-block btn-danger">
                    Get Alexa Rank
                </button>
            </div>
        </form>
        <%if (flag) { %>
            <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Alexa Rank</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><%=data.data.site_rank%></td>
                  </tr>
                </tbody>
              </table>

              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Top Keywords</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><%=data.data.top_keywords[0]%></td>
                    <td><%=data.data.top_keywords[1]%></td>
                    <td><%=data.data.top_keywords[2]%></td>
                    <td><%=data.data.top_keywords[3]%></td>
                    <td><%=data.data.top_keywords[4]%></td>
                  </tr>
                </tbody>
              </table>

              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Similar Sites</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><%=data.data.similar_sites[0]%></td>
                    <td><%=data.data.similar_sites[1]%></td>
                    <td><%=data.data.similar_sites[2]%></td>
                    <td><%=data.data.similar_sites[3]%></td>
                    <td><%=data.data.similar_sites[4]%></td>
                  </tr>
                </tbody>
              </table>
        <% } %>
        <br><br>

 

 

Now we need to create index.js file and copy paste the following code which is shown below

 

const AlexaRank = require('alexa-rank-nodejs').default;

var isValidDomain = require('is-valid-domain');

var express = require('express')

const app = express()

app.get('/alexasiteinfo',(req,res) => {
  res.render('alexasiteinfo',{title:"FREE Alexa Rank Of Website Checker Information - FreeMediaTools.com",flag:false,data:''})
})

app.post('/alexasiteinfo',async(req,res) => {

  var site = req.body.url
  console.log(site)

  if(isValidDomain(site)){

    var data = await AlexaRank.siteinfo(site);
    console.log(data);

    if(data.status === 400){
      res.send("Please enter domain without http or https")
    }else if(data.status === 404){
      res.send("Your Website Doesn't have a alexa rank")
    }
    else{
      res.render('alexasiteinfo',{title:"FREE Alexa Rank Of Website Checker Information - FreeMediaTools.com",flag:true,data:data})
    }

  }
  else{
    res.send("Domain name is not valid")
  }

})

app.listen(5000)

 

 

 

Screenshot

 

 

 

 

 

 

Live Demo

 

 

You can check out the Live Demo of the Web App Hosted on my Website here:

 

 

Top Global Alexa Websites in World

 

 

Now we will be building the second web service inside which we will be listing top 50 alexa global websites in the world.

 

See also  jQuery Tutorial to Upload Local File to Microsoft Azure Storage in Browser Using HTML5 & Javascript Full Project For Beginners

 

Now create a topalexasites.ejs inside the views folder like this

 

views/topalexasites.ejs

 

 

<div class="container">
          <h1 class="text-center">
              Top Alexa Global Websites
          </h1>
        <%if (flag) { %>
            <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Alexa Rank</th>
                    <th>Website Name</th>
                  </tr>
                </thead>
                <tbody>
                    <%while(i<50){%>
                  <tr>
                    <td><%=data.data[i].rank%></td>
                    <td><%=data.data[i].site%></td>
                  </tr> 
                    <% i++}%> 
                </tbody>
              </table>

              
        <% } %>
        <br><br>

 

 

 

Now inside the index.js file copy paste the following code

 

 

app.get('/topalexasites',async(req,res) => {
  var data = await AlexaRank.topsite();
  console.log(data);
  res.render('topalexasites',{title:"FREE Top 50 Alexa Global Websites Rank List  - FreeMediaTools.com",flag:true,data:data,i:0})
})

 

 

 

Screenshot

 

 

 

 

 

 

Live Demo

 

 

You can see the live demo of this web app here at my website

 

 

Top Alexa Websites Country Wise

 

 

Now we will be building web service inside which we will show top 50 alexa websites inside a particular country. We will take the input of the country from the user.

 

 

Now create the file topcountrysites.ejs inside the views folder like this

 

views/topcountrysites.ejs

 

 

<div class="container">
          <h1 class="text-center">
              Top Country Wise Alexa Sites
          </h1>
          <form action="/topcountrysites" method="post">
            <div class="form-group">
                <label for="country">Select Country:</label>
                <div class="form-group">
                <select class="form-control" id='country_select' name='country'>
                    <option value="AF">Afghanistan</option>
                    <option value="AX">Åland Islands</option>
                    <option value="AL">Albania</option>
                    <option value="DZ">Algeria</option>
                    <option value="AS">American Samoa</option>
                    <option value="AD">Andorra</option>
                    <option value="AO">Angola</option>
                    <option value="AI">Anguilla</option>
                    <option value="AQ">Antarctica</option>
                    <option value="AG">Antigua and Barbuda</option>
                    <option value="AR">Argentina</option>
                    <option value="AM">Armenia</option>
                    <option value="AW">Aruba</option>
                    <option value="AU">Australia</option>
                    <option value="AT">Austria</option>
                    <option value="AZ">Azerbaijan</option>
                    <option value="BS">Bahamas</option>
                    <option value="BH">Bahrain</option>
                    <option value="BD">Bangladesh</option>
                    <option value="BB">Barbados</option>
                    <option value="BY">Belarus</option>
                    <option value="BE">Belgium</option>
                    <option value="BZ">Belize</option>
                    <option value="BJ">Benin</option>
                    <option value="BM">Bermuda</option>
                    <option value="BT">Bhutan</option>
                    <option value="BO">Bolivia, Plurinational State of</option>
                    <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                    <option value="BA">Bosnia and Herzegovina</option>
                    <option value="BW">Botswana</option>
                    <option value="BV">Bouvet Island</option>
                    <option value="BR">Brazil</option>
                    <option value="IO">British Indian Ocean Territory</option>
                    <option value="BN">Brunei Darussalam</option>
                    <option value="BG">Bulgaria</option>
                    <option value="BF">Burkina Faso</option>
                    <option value="BI">Burundi</option>
                    <option value="KH">Cambodia</option>
                    <option value="CM">Cameroon</option>
                    <option value="CA">Canada</option>
                    <option value="CV">Cape Verde</option>
                    <option value="KY">Cayman Islands</option>
                    <option value="CF">Central African Republic</option>
                    <option value="TD">Chad</option>
                    <option value="CL">Chile</option>
                    <option value="CN">China</option>
                    <option value="CX">Christmas Island</option>
                    <option value="CC">Cocos (Keeling) Islands</option>
                    <option value="CO">Colombia</option>
                    <option value="KM">Comoros</option>
                    <option value="CG">Congo</option>
                    <option value="CD">Congo, the Democratic Republic of the</option>
                    <option value="CK">Cook Islands</option>
                    <option value="CR">Costa Rica</option>
                    <option value="CI">Côte d'Ivoire</option>
                    <option value="HR">Croatia</option>
                    <option value="CU">Cuba</option>
                    <option value="CW">Curaçao</option>
                    <option value="CY">Cyprus</option>
                    <option value="CZ">Czech Republic</option>
                    <option value="DK">Denmark</option>
                    <option value="DJ">Djibouti</option>
                    <option value="DM">Dominica</option>
                    <option value="DO">Dominican Republic</option>
                    <option value="EC">Ecuador</option>
                    <option value="EG">Egypt</option>
                    <option value="SV">El Salvador</option>
                    <option value="GQ">Equatorial Guinea</option>
                    <option value="ER">Eritrea</option>
                    <option value="EE">Estonia</option>
                    <option value="ET">Ethiopia</option>
                    <option value="FK">Falkland Islands (Malvinas)</option>
                    <option value="FO">Faroe Islands</option>
                    <option value="FJ">Fiji</option>
                    <option value="FI">Finland</option>
                    <option value="FR">France</option>
                    <option value="GF">French Guiana</option>
                    <option value="PF">French Polynesia</option>
                    <option value="TF">French Southern Territories</option>
                    <option value="GA">Gabon</option>
                    <option value="GM">Gambia</option>
                    <option value="GE">Georgia</option>
                    <option value="DE">Germany</option>
                    <option value="GH">Ghana</option>
                    <option value="GI">Gibraltar</option>
                    <option value="GR">Greece</option>
                    <option value="GL">Greenland</option>
                    <option value="GD">Grenada</option>
                    <option value="GP">Guadeloupe</option>
                    <option value="GU">Guam</option>
                    <option value="GT">Guatemala</option>
                    <option value="GG">Guernsey</option>
                    <option value="GN">Guinea</option>
                    <option value="GW">Guinea-Bissau</option>
                    <option value="GY">Guyana</option>
                    <option value="HT">Haiti</option>
                    <option value="HM">Heard Island and McDonald Islands</option>
                    <option value="VA">Holy See (Vatican City State)</option>
                    <option value="HN">Honduras</option>
                    <option value="HK">Hong Kong</option>
                    <option value="HU">Hungary</option>
                    <option value="IS">Iceland</option>
                    <option value="IN" selected>India</option>
                    <option value="ID">Indonesia</option>
                    <option value="IR">Iran, Islamic Republic of</option>
                    <option value="IQ">Iraq</option>
                    <option value="IE">Ireland</option>
                    <option value="IM">Isle of Man</option>
                    <option value="IL">Israel</option>
                    <option value="IT">Italy</option>
                    <option value="JM">Jamaica</option>
                    <option value="JP">Japan</option>
                    <option value="JE">Jersey</option>
                    <option value="JO">Jordan</option>
                    <option value="KZ">Kazakhstan</option>
                    <option value="KE">Kenya</option>
                    <option value="KI">Kiribati</option>
                    <option value="KP">Korea, Democratic People's Republic of</option>
                    <option value="KR">Korea, Republic of</option>
                    <option value="KW">Kuwait</option>
                    <option value="KG">Kyrgyzstan</option>
                    <option value="LA">Lao People's Democratic Republic</option>
                    <option value="LV">Latvia</option>
                    <option value="LB">Lebanon</option>
                    <option value="LS">Lesotho</option>
                    <option value="LR">Liberia</option>
                    <option value="LY">Libya</option>
                    <option value="LI">Liechtenstein</option>
                    <option value="LT">Lithuania</option>
                    <option value="LU">Luxembourg</option>
                    <option value="MO">Macao</option>
                    <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                    <option value="MG">Madagascar</option>
                    <option value="MW">Malawi</option>
                    <option value="MY">Malaysia</option>
                    <option value="MV">Maldives</option>
                    <option value="ML">Mali</option>
                    <option value="MT">Malta</option>
                    <option value="MH">Marshall Islands</option>
                    <option value="MQ">Martinique</option>
                    <option value="MR">Mauritania</option>
                    <option value="MU">Mauritius</option>
                    <option value="YT">Mayotte</option>
                    <option value="MX">Mexico</option>
                    <option value="FM">Micronesia, Federated States of</option>
                    <option value="MD">Moldova, Republic of</option>
                    <option value="MC">Monaco</option>
                    <option value="MN">Mongolia</option>
                    <option value="ME">Montenegro</option>
                    <option value="MS">Montserrat</option>
                    <option value="MA">Morocco</option>
                    <option value="MZ">Mozambique</option>
                    <option value="MM">Myanmar</option>
                    <option value="NA">Namibia</option>
                    <option value="NR">Nauru</option>
                    <option value="NP">Nepal</option>
                    <option value="NL">Netherlands</option>
                    <option value="NC">New Caledonia</option>
                    <option value="NZ">New Zealand</option>
                    <option value="NI">Nicaragua</option>
                    <option value="NE">Niger</option>
                    <option value="NG">Nigeria</option>
                    <option value="NU">Niue</option>
                    <option value="NF">Norfolk Island</option>
                    <option value="MP">Northern Mariana Islands</option>
                    <option value="NO">Norway</option>
                    <option value="OM">Oman</option>
                    <option value="PK">Pakistan</option>
                    <option value="PW">Palau</option>
                    <option value="PS">Palestinian Territory, Occupied</option>
                    <option value="PA">Panama</option>
                    <option value="PG">Papua New Guinea</option>
                    <option value="PY">Paraguay</option>
                    <option value="PE">Peru</option>
                    <option value="PH">Philippines</option>
                    <option value="PN">Pitcairn</option>
                    <option value="PL">Poland</option>
                    <option value="PT">Portugal</option>
                    <option value="PR">Puerto Rico</option>
                    <option value="QA">Qatar</option>
                    <option value="RE">Réunion</option>
                    <option value="RO">Romania</option>
                    <option value="RU">Russian Federation</option>
                    <option value="RW">Rwanda</option>
                    <option value="BL">Saint Barthélemy</option>
                    <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                    <option value="KN">Saint Kitts and Nevis</option>
                    <option value="LC">Saint Lucia</option>
                    <option value="MF">Saint Martin (French part)</option>
                    <option value="PM">Saint Pierre and Miquelon</option>
                    <option value="VC">Saint Vincent and the Grenadines</option>
                    <option value="WS">Samoa</option>
                    <option value="SM">San Marino</option>
                    <option value="ST">Sao Tome and Principe</option>
                    <option value="SA">Saudi Arabia</option>
                    <option value="SN">Senegal</option>
                    <option value="RS">Serbia</option>
                    <option value="SC">Seychelles</option>
                    <option value="SL">Sierra Leone</option>
                    <option value="SG">Singapore</option>
                    <option value="SX">Sint Maarten (Dutch part)</option>
                    <option value="SK">Slovakia</option>
                    <option value="SI">Slovenia</option>
                    <option value="SB">Solomon Islands</option>
                    <option value="SO">Somalia</option>
                    <option value="ZA">South Africa</option>
                    <option value="GS">South Georgia and the South Sandwich Islands</option>
                    <option value="SS">South Sudan</option>
                    <option value="ES">Spain</option>
                    <option value="LK">Sri Lanka</option>
                    <option value="SD">Sudan</option>
                    <option value="SR">Suriname</option>
                    <option value="SJ">Svalbard and Jan Mayen</option>
                    <option value="SZ">Swaziland</option>
                    <option value="SE">Sweden</option>
                    <option value="CH">Switzerland</option>
                    <option value="SY">Syrian Arab Republic</option>
                    <option value="TW">Taiwan, Province of China</option>
                    <option value="TJ">Tajikistan</option>
                    <option value="TZ">Tanzania, United Republic of</option>
                    <option value="TH">Thailand</option>
                    <option value="TL">Timor-Leste</option>
                    <option value="TG">Togo</option>
                    <option value="TK">Tokelau</option>
                    <option value="TO">Tonga</option>
                    <option value="TT">Trinidad and Tobago</option>
                    <option value="TN">Tunisia</option>
                    <option value="TR">Turkey</option>
                    <option value="TM">Turkmenistan</option>
                    <option value="TC">Turks and Caicos Islands</option>
                    <option value="TV">Tuvalu</option>
                    <option value="UG">Uganda</option>
                    <option value="UA">Ukraine</option>
                    <option value="AE">United Arab Emirates</option>
                    <option value="GB">United Kingdom</option>
                    <option value="US">United States</option>
                    <option value="UM">United States Minor Outlying Islands</option>
                    <option value="UY">Uruguay</option>
                    <option value="UZ">Uzbekistan</option>
                    <option value="VU">Vanuatu</option>
                    <option value="VE">Venezuela, Bolivarian Republic of</option>
                    <option value="VN">Viet Nam</option>
                    <option value="VG">Virgin Islands, British</option>
                    <option value="VI">Virgin Islands, U.S.</option>
                    <option value="WF">Wallis and Futuna</option>
                    <option value="EH">Western Sahara</option>
                    <option value="YE">Yemen</option>
                    <option value="ZM">Zambia</option>
                    <option value="ZW">Zimbabwe</option>
                    </select>
            </div>
            <div class="form-group">
                <button class="btn btn-danger btn-block">
                    Get Websites
                </button>
            </div>
        </form>

        <%if (flag) { %>
            <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Alexa Rank</th>
                    <th>Website Name</th>
                  </tr>
                </thead>
                <tbody>
                    <%while(i<50){%>
                  <tr>
                    <td><%=data.data[i].rank%></td>
                    <td><%=data.data[i].site%></td>
                  </tr> 
                    <% i++}%> 
                </tbody>
              </table>

              
        <% } %>

        <br><br>

 

See also  Node.js Express Youtube Video URL Timestamp Link Generator in Javascript Full Project 2020

 

 

And now inside your index.js file copy paste the following code as shown below

 

 

app.get('/topcountrysites',(req,res) => {
  res.render('topcountrysites',{title:"FREE Top Alexa Website Rank List of all Countries in the World - FreeMediaTools.com",flag:false,data:'',i:''})
})

app.post('/topcountrysites',async(req,res) => {
  var country = req.body.country

  var data = await AlexaRank.topByCountry(country.toLowerCase()); // Indonesia

  console.log(data);

  if(data.status === 404){
    res.send("Your Country Code Doesn't have a alexa ranking")
  }else{

  res.render('topcountrysites',{title:"FREE Top Alexa Website Rank List of all Countries in the World - FreeMediaTools.com",flag:true,data:data,i:0})
  }
})

 

See also  Firebase Authentication in Github using Javascript

 

 

Screenshot

 

 

 

 

 

Live Demo

 

 

You can see the live demo of the web service at my website here

 

 

Leave a Reply