Create a Fortnite Player Stats Website

Posted on by justinstolpe


In this post we are going to use the Fortnite Tracker API to get and display stats for any player. By hitting the player stats endpoint with a platform (pc, xbox, playstation), and the name of the player, we can get back their lifetime, solo, duo, and squad stats. Once we have our data, we can style it up and make it look like a Fortnite website using HTML, CSS, and PHP!

Step 1: Connect to the Fortnite API

First thing we need is an API key. This will be passed along with each call we make to any of the API endpoints.

  1. Login here https://fortnitetracker.com/site-api
  2. Click on  Manage or Create API Keys
  3. Create an Application
  4. At the bottom of your applications details page you will see your API Key.

We are going to be using the player stats endpoint to retrieve the stats on a player. The endpoint requires a platform (pc, xb1, psn), and an epic nickname.

Endpoint https://api.fortnitetracker.com/v1/profile/{platform}/{epic-nickname}

Now we will write a function to make it easy to get player stats. Using curl, we will pass along our endpoint and the correct parameters (platform, epic nickname, api key)

// place your api key here define( 'FN_API_KEY', 'YOUR-API-KEY-HERE' ); 

/** 
 * Get player stats from the fortnite api 
 * 
 * @param String $platform the epicNickname is on (pc, xb1, psn) 
 * @param String $epicNickname name of the player 
 * 
 * @return Array 
 */ 
function getPlayerStats( $platform, $epicNickname ) { // api endpoint with the platform and epicNickname 
	$apiUrlPlayerStatsEndpoint = 'https://api.fortnitetracker.com/v1/profile/' . $platform . '/' . $epicNickname; 

	// open curl call 
	$ch = curl_init(); 

	// specify our api endpoint 
	curl_setopt( $ch, CURLOPT_URL, $apiUrlPlayerStatsEndpoint ); 

	// pass along our api key as TRN-API-Key in the headers 
	curl_setopt( $ch, CURLOPT_HTTPHEADER, array( 'TRN-Api-Key:' . FN_API_KEY ) ); 

	// more curl options curl_setopt( $ch, CURLOPT_RETURNTRANSFER, TRUE ); 
	curl_setopt( $ch, CURLOPT_HEADER, FALSE ); 
	curl_setopt( $ch, CURLOPT_SSL_VERIFYPEER, FALSE ); 

	// get response from api and close curl 
	$response = curl_exec( $ch ); 

	curl_close( $ch ); 

	// return api response as a php array 
	return json_decode( $response, true ); 
}

Step 2: Style It Up

Once we have our data. We can go ahead and start giving it a nice Fortnite look and feel. If we want our player stats to feel like Fortnite, we need the correct font face. Here is the font face I am using.

@font-face { 
    font-family: 'Fortnite'; 
    src: url( 'BurbankBigCondensed-Bold.otf' ); 
}

Fortnite Player Stats Website

Fortnite player stats

Put everything together and we get our own Fortnite player stats website! I  highlighted the main part which is connecting to the API and the custom Fortnite font face. The rest is just simple HTML/CSS and full code is up on GitHub!

Links

Live Demo

YouTube Video

Code on GitHub

That is going to do it for this post! Leave any comments/questions/concerns below and thanks for stopping by the blog!

278 comments

  72. Write more, thaats aall I have too say. Literally, it
    seems aas hough youu relied on tthe vvideo tto mae your point.
    Yoou clearly know what youre tlking about, wwhy tthrow aweay youur intelligene on jusdt postijng videos tto your sife wyen you could bbe giving uss something informative to read?

  87. I have been exploring for a bit for any high quality articles or blog posts in this sort of area . Exploring in Yahoo I finally stumbled upon this web site. Reading this information So i’m satisfied to show that I’ve a very excellent uncanny feeling I found out exactly what I needed. I most indubitably will make certain to do not disregard this site and give it a look on a continuing basis.

  102. wonderful post, very informative. I wonder why the other specialists of this sector don’t notice this. You must continue your writing. I am confident, you have a great readers’ base already!

  129. I found your blog website on google and examine just a few of your early posts. Continue to keep up the excellent operate. I just extra up your RSS feed to my MSN News Reader. Looking for ahead to reading extra from you later on!…

  137. The following time I read a weblog, I hope that it doesnt disappoint me as much as this one. I mean, I know it was my choice to learn, but I truly thought youd have something attention-grabbing to say. All I hear is a bunch of whining about one thing that you could possibly repair if you werent too busy searching for attention.

  163. I precisely wanted to thank you very much again. I’m not certain what I would’ve carried out without those methods contributed by you about this area. This was a very depressing crisis in my opinion, but seeing this skilled technique you managed the issue took me to weep with gladness. Now i’m thankful for this support and in addition trust you really know what an amazing job you have been getting into training men and women with the aid of your web page. I’m certain you have never come across all of us.

  186. Я оцениваю тщательность и точность исследования, представленного в этой статье. Автор провел глубокий анализ и представил аргументированные выводы. Очень важная и полезная работа!

  191. Aw, this was a very good post. Finding the time and actual effort to make a top notch article…but what can I say… I hesitate a lot and never seem toget nearly anything done.

  192. Автор представил широкий спектр мнений на эту проблему, что позволяет читателям самостоятельно сформировать свое собственное мнение. Полезное чтение для тех, кто интересуется данной темой.

  197. скачать ферби бум на андроид [url=https://apk-smart.com/igry/tamagochi/392-furby-boom-polnaja-vzlomannaja-versija.html]https://apk-smart.com/igry/tamagochi/392-furby-boom-polnaja-vzlomannaja-versija.html[/url] скачать ферби бум на андроид

    P.S Live ID: K89Io9blWX1UfZWv3ajv
    P.S.S [url=https://wowjp.net/forum/235-264491-22#4299067]Программы и игры для Андроид телефона[/url] [url=https://mati-matrona.ru/publ/stati_o_matrone_moskovskoj/o_svjatoj_matrone_moskovskoj/matrone_o_zdorove/3-1-0-3]Программы и игры для Андроид телефона[/url] [url=https://www.livejournal.com/login.bml?returnto=http%3A%2F%2Fwww.livejournal.com%2Fupdate.bml&event=%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C%20rolling%20sky%20%D0%B2%D0%B7%D0%BB%D0%BE%D0%BC%20%3Ca%20href%3Dhttps%3A%2F%2Fapk-smart.com%2Figry%2Farkady%2F873-rolling-sky-polnaja-versija-vzlom.html%3Ehttps%3A%2F%2Fapk-smart.com%2Figry%2Farkady%2F873-rolling-sky-polnaja-versija-vzlom.html%3C%2Fa%3E%20%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C%20rolling%20sky%20%D0%B2%D0%B7%D0%BB%D0%BE%D0%BC%20%0D%0A%20%0D%0AP.S%20Live%20ID%3A%20K89Io9blWX1UfZWv3ajv%20%0D%0AP.S.S%20%3Ca%20href%3Dhttps%3A%2F%2Fwowjp.net%2Fforum%2F235-264491-22%234299067%3E%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D1%8B%20%D0%B8%20%D0%B8%D0%B3%D1%80%D1%8B%20%D0%B4%D0%BB%D1%8F%20%D0%90%D0%BD%D0%B4%D1%80%D0%BE%D0%B8%D0%B4%20%D1%82%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD%D0%B0%3C%2Fa%3E%20%3Ca%20href%3Dhttps%3A%2F%2Fmati-matrona.ru%2Fpubl%2Fstati_o_matrone_moskovskoj%2Fo_svjatoj_matrone_moskovskoj%2Fmatrone_o_zdorove%2F3-1-0-3%3E%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D1%8B%20%D0%B8%20%D0%B8%D0%B3%D1%80%D1%8B%20%D0%B4%D0%BB%D1%8F%20%D0%90%D0%BD%D0%B4%D1%80%D0%BE%D0%B8%D0%B4%20%D1%82%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD%D0%B0%3C%2Fa%3E%20%20c4065e6%20]Программы и игры для Андроид телефона[/url] e255b76

  200. You should spend. But following the close from the membership, You must renew ornot determined by your wish. How am i able to obtain a free Netflix account?Free Account – New Free Accounts And Password Listfree account

  208. Статья предлагает объективный обзор исследований, проведенных в данной области. Необходимая информация представлена четко и доступно, что позволяет читателю оценить все аспекты рассматриваемой проблемы.

  212. Автор явно старается сохранить нейтральность и представить множество точек зрения на данную тему.

  214. Управление кампаниями через SiteGoToTop.com. Пользователи SiteGoToTop.com могут в реальном времени управлять своими кампаниями по накрутке трафика. Это позволяет оперативно корректировать стратегии и добиваться максимально эффективных результатов.

  215. Можно ли заработать с помощью sitegototop.com? Сайт с большим количеством посещений может привлекать рекламодателей и партнерские программы. Поэтому накрутка посещаемости с помощью sitegototop.com может быть первым шагом к увеличению доходов. Однако важно сочетать это с качественным контентом и реальной аудиторией, чтобы удерживать посетителей.

  218. F*ckin’ tremendous things here. I am very satisfied to look your article. Thank you so much and i am having a look forward to contact you. Will you please drop me a e-mail?

  220. I really like what you guys tend to be up too. This type ofclever work and coverage! Keep up the amazing works guys I’ve incorporatedyou guys to my own blogroll.

  228. No matter if some one searches for his necessary thing, so he/she wants to be available that in detail, therefore that thing is maintained over here.

  231. The earth Water GMT includes a white and black bezel (almost all the time for your GMT palm) that is certainly produced in polished bi-ceramic.

  238. Asking questions are genuinely pleasant thing if you are not understanding anything completely, howeverthis post provides good understanding yet.

  243. Hmm it looks like your blog ate my first comment (it was extremely long) so I guess I’ll just sum it up what I had written and say, I’m thoroughly enjoying your blog. I too am an aspiring blog blogger but I’m still new to the whole thing. Do you have any helpful hints for first-time blog writers? I’d definitely appreciate it.

  244. Buy Private Proxies: Private and confidential, Elite quality proxies, Unrestricted bandwidth, 1000 mb/s superspeed, 99,9 uptime, USA location proxies – DREAMPROXIES.COM

  248. Очень хорошо организованная статья! Автор умело структурировал информацию, что помогло мне легко следовать за ней. Я ценю его усилия в создании такого четкого и информативного материала.

  249. Hey just wanted to give you a quick heads up.

    The words in your article seem to be running off the screen in Firefox.
    I’m not sure if this is a format issue or something to do with web browser compatibility but I thought I’d post to let you know.
    The design look great though! Hope you get the issue solved soon. Cheers

  263. Автор предлагает читателю разные взгляды на проблему, что способствует формированию собственного мнения.

  266. Do you mind if I quote a few of your articles as long as I provide credit and sources back to your webpage? My website is in the very same niche as yours and my users would genuinely benefit from some of the information you present here. Please let me know if this ok with you. Appreciate it!

  270. Heya i am for the first time here. I came across this board and I find It truly useful & it helped me out much. I hope to give something back and aid others like you aided me.

  272. First of all I want to say superb blog! I had a quick question in which I’d like to ask if you don’t mind. I was interested to find out how you center yourself and clear your mind before writing. I’ve had a difficult time clearing my thoughts in getting my thoughts out. I do take pleasure in writing however it just seems like the first 10 to 15 minutes are lost just trying to figure out how to begin. Any ideas or tips? Thanks!

  273. Автор предоставляет разнообразные источники, которые дополняют и расширяют представленную информацию.

  274. Hi there, I found your website via Google at the same time as looking
    for a similar matter, your web site came up, it seems to be
    good. I’ve bookmarked it in my google bookmarks.
    Hello there, just became aware of your blog via Google,
    and found that it is really informative. I’m going to be careful for
    brussels. I’ll appreciate in the event you continue this in future.

    A lot of people shall be benefited from your writing. Cheers!

  275. Pretty nice post. I just stumbled upon your blog and wished to say that I have truly enjoyed surfing around your blog posts. After all I’ll be subscribing to your rss feed and I hope you write again very soon!

Leave a Reply

Your email address will not be published. Required fields are marked *