{"id":3335,"date":"2022-09-19T00:57:14","date_gmt":"2022-09-18T19:57:14","guid":{"rendered":"https:\/\/www.edopedia.com\/blog\/?p=3335"},"modified":"2022-09-19T01:01:25","modified_gmt":"2022-09-18T20:01:25","slug":"pokemon-go-trainer-level-speed-calculator-in-javascript","status":"publish","type":"post","link":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/","title":{"rendered":"Pokemon Go Trainer Level Speed Calculator in JavaScript"},"content":{"rendered":"\n

In this tutorial, you will learn how to make a Pokemon Go Trainer Level Speed Calculator in JavaScript<\/strong>. Basically, Pokemon Go level calculator<\/strong> tool will help you determine when can you reach Level 40<\/strong> in Pok\u00e9mon Go<\/strong>.<\/p>\n\n\n\n

The main source code of Pokemon Go Level Calculator<\/strong> is given below. It was a bit difficult to add the complete source code here. So, I have provided a download button at the end of this tutorial from where you can download the full source code of Pokemon Go Trainer Level Speed Calculator<\/strong>.<\/p>\n\n\n\n

Pokemon Go Trainer Level Speed Calculator<\/h2>\n\n\n\n

index.html<\/h3>\n\n\n\n
<!doctype html>\n<html lang="en">\n<head>\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n    <title>Pokemon Go Trainer Level Calculator<\/title>\n    <link href="https:\/\/fonts.googleapis.com\/css?family=Lato" rel="stylesheet">\n    <meta property="og:image" content="https:\/\/trainerlevelspeed.de\/thumb.png" \/>\n<\/head>\n<body>\n\n<div id="root"><\/div>\n<!--\n  This HTML file is a template.\n  If you open it directly in the browser, you will see an empty page.\n\n  You can add webfonts, meta tags, or analytics to this file.\n  The build step will place the bundled scripts into the <body> tag.\n\n  To begin the development, run `npm start` in this folder.\n  To create a production bundle, use `npm run build`.\n-->\n<script>\n(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n})(window,document,'script','https:\/\/www.google-analytics.com\/analytics.js','ga');\n\nga('create', 'UA-83285379-1', 'auto');\nga('send', 'pageview');\n<\/script>\n<\/body>\n<\/html><\/pre><\/div>\n\n\n\n
\/src\/index.js<\/h3>\n\n\n\n
import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\n\nimport 'bootstrap\/dist\/css\/bootstrap.css';\n\nwindow.$ = window.jQuery=require('jquery');\nwindow.Tether=require('tether');\nrequire('bootstrap\/dist\/js\/bootstrap');\n\nimport configureStore from '.\/store\/configureStore';\n\nimport App from '.\/containers\/app\/App';\n\nconst store = configureStore();\n\nReactDOM.render(\n    <Provider store={store}>\n        <App\/>\n    <\/Provider>,\n    document.getElementById('root')\n);<\/pre><\/div>\n\n\n\n
\/src\/components\/calc\/Calc.js<\/h3>\n\n\n\n
import React, { Component } from 'react'\nimport '.\/calc.css';\n\nimport Input from ".\/Input";\nimport Result from ".\/Result";\nimport Visualization from '.\/Visualization';\nimport Github from '..\/Github';\n\nimport levelXp, {totalXp} from '.\/levels';\nvar MAX_LEVEL = levelXp.length;\n\nfunction calcStats(xp) {\n    if (xp === '?') {\n        return {\n            level : '?',\n            xpLeft : '?????',\n            xpGoal : 200000\n        };\n    }\n    var level = 0;\n    var xpLeft = xp;\n    while (level < MAX_LEVEL && xpLeft - levelXp[level] >= 0) {\n        xpLeft -= levelXp[level];\n        level++;\n    }\n    if (level === 40) {\n        xpLeft = levelXp[levelXp.length-1]\n    }\n    return {\n        level : level,\n        xpLeft : xpLeft,\n        xpGoal : levelXp[level] || levelXp[levelXp.length-1]\n    };\n}\n\nexport default class Header extends Component {\n\n    render() {\n\n        var stats = calcStats(this.props.xp);\n\n        var perc = stats.xpLeft \/ stats.xpGoal;\n        var progressStyle = {\n            width : (100*perc) + '%'\n        };\n        var totalPerc = Math.min(1, this.props.xp \/ totalXp[this.props.goal]);\n\n        var validData = totalPerc >= 0 && this.props.date !== null\n            && this.props.date < (new Date());\n\n        var resultComponents = (<div className="rollDown">\n            <div className="line"><\/div>\n            ENTER XP AND START DATE<br \/>\n            TO SEE YOUR RESULTS\n        <\/div>);\n        if (validData) {\n            resultComponents = (<div className="rollDown opened">\n                <div className="line"><\/div>\n                <Result startDate={this.props.date} xp={this.props.xp} goal={this.props.goal} \/>\n                <Visualization perc={totalPerc} goal={this.props.goal} \/>\n            <\/div>);\n        }\n\n        var disabledStyle = this.props.xp === '?' ? ' disabled' : '';\n\n        \/\/ this is really getting messed up now...\n\n        return (\n            <div className="calc">\n                <h1>POKEMON GO<br\/>LEVEL SPEED CALCULATOR<\/h1>\n                <div className="xp">\n                    <div className="fakeInput" onClick={()=>{this.input1.focus();}}>\n                        <Input value={this.props.xp} className="inputXp" ref={(c) => {this.input1 = c}}\n                            onChange={(evt) => this.props.setXp(evt.target.value)}\n                        \/> XP\n                    <\/div>\n                <\/div>\n                <div className={"level"+disabledStyle}>\n                    Level {stats.level}\n                <\/div>\n                <div className={"progress"+disabledStyle}>\n                    <div className="progressBg"><\/div>\n                    <div className="progressFront" style={progressStyle}><div className="progressHandle"><\/div><\/div>\n                    <div className="progressXp">{stats.xpLeft} \/ {stats.xpGoal} XP<\/div>\n                <\/div>\n                <div className="bottom">\n                    <div className="startDate">\n                        START DATE:<br \/>\n                        <div className="fakeInput" onClick={()=>{this.input2.focus();}}>\n                            <Input value={this.props.dateStr} className="inputDate" ref={(c) => {this.input2 = c}}\n                                   onChange={(evt) => this.props.setStartDate(evt.target.value)}\n                            \/>\n                        <\/div>\n                    <\/div>\n                    <div className="startDate levelchoice">\n                        LEVEL:<br \/>\n                        <div className="btn-group" data-toggle="buttons">\n                            <label className={"btn btn-secondary"+(this.props.goal === 30 ? ' active':'')} onClick={()=>this.props.setGoal(30)}>\n                                <input type="radio" name="options" id="option1" autoComplete="off" defaultChecked={this.props.goal === 30 ? 'checked':''} \/> 30\n                            <\/label>\n                            <label className={"btn btn-secondary"+(this.props.goal === 40 ? ' active':'')} onClick={()=>this.props.setGoal(40)}>\n                                <input type="radio" name="options" id="option2" autoComplete="off" defaultChecked={this.props.goal === 40 ? 'checked':''} \/> 40\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                {resultComponents}\n                <Github\/>\n            <\/div>\n        );\n    }\n}\n\/*\n <ContentEditable\n tagName="span"\n html="as"\n disabled={false}\n onChange={(evt) => this.props.setXp(evt.target.value)}\n \/> XP*\/<\/pre><\/div>\n\n\n\n
\/src\/components\/calc\/calc.css<\/h3>\n\n\n\n
body {\n    background: #eee;\n    margin: 0;\n    cursor: default;\n    white-space: nowrap;\n}\nh1 {\n    font-size: 25px;\n    font-weight: bold;\n    margin: 0 0 30px 0;\n    line-height: 35px;\n}\n.calc {\n    padding: 20px 60px 15px;\n    max-width: calc(80% - 120px);\n    margin: 0 auto;\n    width: 600px;\n    background: #fff;\n    background-size: 80%;\n    background-repeat: no-repeat;\n    background-position: center;\n    color: #44696c;\n    text-align: center;\n    font-family: 'Lato', sans-serif;\n}\n@media (max-width:700px) {\n    .calc {\n        max-width: 100%;\n        width: 100%;\n    }\n    .bigOnly {\n        display: none;\n    }\n}\n*:focus, .active {\n    outline: none !important;\n}\ninput.variableSize {\n    padding: 0;\n    border: none;\n}\n.inputXp {\n    color: #44696c;\n    font-size: 25px;\n    font-family: 'Lato', sans-serif;\n}\n.xp {\n    font-size: 25px;\n}\n.level, .timeNeeded {\n    line-height: 45px;\n    font-size: 47px;\n    white-space: nowrap;\n}\n.level {\n    margin-top: 30px;\n}\n.timeNeeded {\n    padding: 10px 0;\n    font-size: 43px;\n}\n.progress, .xpProg {\n    margin: 20px auto;\n    width: 100%;\n    position: relative;\n}\n.progressBg, .progressFront {\n    background: #d7dfd6;\n    height: 9px;\n    width: 100%;\n    border-radius: 7px;\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: width 0.3s;\n}\n.progressFront {\n    background: #ee5b5b;\n    width: 50%;\n}\n.progressHandle{\n    position: absolute;\n    right: -4px;\n    top: -4px;\n    height: 17px;\n    width: 17px;\n    background: #ee5b5b;\n    border-radius: 50%;\n}\n.progressXp {\n    padding-top: 17px;\n    font-size: 26px;\n    color: #87a19f;\n}\n.bottom {\n    padding-top: 10px;\n    padding-bottom: 15px;\n}\n.startDate {\n    padding-top: 35px;\n    font-size: 19px;\n    font-weight: bold;\n    letter-spacing: 2px;\n}\n.inputDate {\n    font-size: 19px;\n    font-weight: bold;\n    letter-spacing: 2px;\n    color: #44696c;\n}\n.testSpan {\n    position: absolute;\n    left: -1000px;\n    top: -100000px;\n    \/*position: relative;\n    left: -1px;\n    top: -30px;\n    border: 1px solid red;*\/\n}\n\n.line {\n    margin: 15px auto 30px;\n    width: 100%;\n    border-top: 1px solid #bbb;\n}\n.result {\n    padding-bottom: 30px;\n    letter-spacing: 2px;\n}\n.rollDown {\n    font-size: 19px;\n    height: 120px;\n    transition: height 0.5s;\n    overflow: hidden;\n    margin: 0 -50px;\n    padding: 0 50px;\n}\n.rollDown.opened {\n    height: 370px; \/* 370px *\/\n}\n\n.line2 {\n    margin: 15px auto 15px;\n}\n.github {\n    opacity: 0.7;\n    font-size: 80%;\n}\n\n\/*********** visualization *********\/\n.xpProg {\n    margin-top: 35px;\n}\n.xpProgBg {\n    background: #d7dfd6;\n    height: 9px;\n    width: 100%;\n    border-radius: 7px;\n    position: absolute;\n    left: 0;\n    top: 0;\n}\n.xpLabel.minor {\n    opacity: 0.4;\n}\n.xpLabel {\n    position: absolute;\n    left: 0%;\n    margin-left:-8px;\n    top: -4px;\n    height: 17px;\n    width: 17px;\n    background: #d7dfd6;\n    border-radius: 50%;\n}\n.xpLabel .text {\n    position: relative;\n    top: 18px;\n    font-size: 13px;\n    font-weight: bold;\n}\n.xpLabel.you {\n    background: #ee5b5b;\n    transition: left 0.3s;\n}\n.youBox {\n    position: absolute;\n    top: -53px;\n    margin-left: -29px;\n    background: #ee5b5b;\n    transition: opacity 1s;\n    transition: left 0.3s;\n}\n.youBox:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: " ";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(238, 91, 91, 0);\n    border-top-color: #ee5b5b;\n    border-width: 10px;\n    margin-left: -10px;\n}\n.innerBox {\n    font-weight: bold;\n    padding: 5px 10px;\n    color: #fff;\n}\n\n.fakeInput {\n    padding: 3px 10px;\n    display: inline-block;\n    border: 1px solid #ddd;\n    width: 200px;\n    cursor: text;\n    -webkit-user-select: none;\n}\n\n.level, .progress {\n    transition: filter 0.3s, opacity 0.3s;\n}\n\n.disabled {\n    opacity: 0.5;\n    -webkit-filter: blur(4px);\n    -moz-filter: blur(4px);\n    -ms-filter: blur(4px);\n    filter: blur(4px);\n}\n\n.level30 {\n    margin: 10px 0 0 0;\n\n}\n\n\/******* custom bootstrap **********\/\n.btn-group .btn {\n    border-radius: 0;\n    border-color: #ddd;\n    color: #44696c;\n    font-size: 160%;\n}\n.btn.focus, .btn.active, .btn:active { \/* remove bootstrap style *\/\n    border-color: #ddd !important;\n    color: #44696c !important;\n    background: #ddd !important;\n}\n.levelchoice {\n    padding-top: 25px;\n}\n.btn-group {\n}<\/pre><\/div>\n\n\n\n
\n\n\n\n
Screenshot<\/h2>\n\n\n\n
\"Pokemon
Pokemon Go Trainer Level Speed Calculator in JavaScript<\/figcaption><\/figure>\n\n\n\n
\n\n\n\n
Download Pokemon Go Level Calculator<\/h2>\n\n\n\n
You can download the complete source code of Pokemon Go Level Calculator<\/strong> using the link given below.<\/p>\n\n\n
Download<\/a><\/p>","protected":false},"excerpt":{"rendered":"
In this tutorial, you will learn how to make a Pokemon Go Trainer Level Speed Calculator in JavaScript. Basically, Pokemon Go level calculator tool will help you determine when can you reach Level 40 in Pok\u00e9mon Go. The main source code of Pokemon Go Level Calculator is given below. It was a bit difficult to … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112],"tags":[],"class_list":["post-3335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"\nPokemon Go Trainer Level Speed Calculator in JavaScript<\/title>\n<meta name=\"description\" content=\"In this tutorial, you will learn how to make a Pokemon Go Trainer Level Speed Calculator in JavaScript. Basically, Pokemon Go level calculator tool will\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pokemon Go Trainer Level Speed Calculator in JavaScript\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, you will learn how to make a Pokemon Go Trainer Level Speed Calculator in JavaScript. Basically, Pokemon Go level calculator tool will\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Edopedia\" \/>\n<meta property=\"article:author\" content=\"trulyfurqan\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-18T19:57:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-18T20:01:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/09\/scrnli_9_19_2022_12-58-46-AM-1024x543.png\" \/>\n<meta name=\"author\" content=\"Furqan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Furqan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pokemon Go Trainer Level Speed Calculator in JavaScript","description":"In this tutorial, you will learn how to make a Pokemon Go Trainer Level Speed Calculator in JavaScript. Basically, Pokemon Go level calculator tool will","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Pokemon Go Trainer Level Speed Calculator in JavaScript","og_description":"In this tutorial, you will learn how to make a Pokemon Go Trainer Level Speed Calculator in JavaScript. Basically, Pokemon Go level calculator tool will","og_url":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/","og_site_name":"Edopedia","article_author":"trulyfurqan","article_published_time":"2022-09-18T19:57:14+00:00","article_modified_time":"2022-09-18T20:01:25+00:00","og_image":[{"url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/09\/scrnli_9_19_2022_12-58-46-AM-1024x543.png","type":"","width":"","height":""}],"author":"Furqan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Furqan","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#article","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/"},"author":{"name":"Furqan","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339"},"headline":"Pokemon Go Trainer Level Speed Calculator in JavaScript","datePublished":"2022-09-18T19:57:14+00:00","dateModified":"2022-09-18T20:01:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/"},"wordCount":151,"commentCount":0,"publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/","url":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/","name":"Pokemon Go Trainer Level Speed Calculator in JavaScript","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","datePublished":"2022-09-18T19:57:14+00:00","dateModified":"2022-09-18T20:01:25+00:00","description":"In this tutorial, you will learn how to make a Pokemon Go Trainer Level Speed Calculator in JavaScript. Basically, Pokemon Go level calculator tool will","breadcrumb":{"@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#primaryimage","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","width":880,"height":495,"caption":"Default Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.edopedia.com\/blog\/pokemon-go-trainer-level-speed-calculator-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.edopedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Pokemon Go Trainer Level Speed Calculator in JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.edopedia.com\/blog\/#website","url":"https:\/\/www.edopedia.com\/blog\/","name":"Edopedia","description":"Coding\/Programming Blog","publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.edopedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.edopedia.com\/blog\/#organization","name":"Edopedia","url":"https:\/\/www.edopedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","width":400,"height":100,"caption":"Edopedia"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339","name":"Furqan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","caption":"Furqan"},"description":"Well. I've been working for the past three years as a web designer and developer. I have successfully created websites for small to medium sized companies as part of my freelance career. During that time I've also completed my bachelor's in Information Technology.","sameAs":["http:\/\/www.edopedia.com\/blog\/","trulyfurqan"],"url":"https:\/\/www.edopedia.com\/blog\/author\/furqan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/3335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/comments?post=3335"}],"version-history":[{"count":3,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/3335\/revisions"}],"predecessor-version":[{"id":3357,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/3335\/revisions\/3357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media\/1762"}],"wp:attachment":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media?parent=3335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/categories?post=3335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/tags?post=3335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}