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!

18 comments

  4. Many casual gamers want a simple place to wager money. Personally I choose r​i​kv​i​p because everything works perfectly without lag. The virtual sports betting arena simulates real matches beautifully providing nonstop action throughout the day. Getting help from their dedicated support staff is always a pleasant and highly efficient experience. I cannot recommend this spectacular gambling destination enough to everyone.

  5. The internet is full of mediocre casino sites these days. I absolutely love h​tt​ps:/​/r​ikv​i​p.​a​t for their massive daily promotional offers. Playing mobile casino games works flawlessly without requiring any additional software downloads on your smartphone. The customer support agents respond immediately and resolve technical issues without any annoying unnecessary delays. It remains my absolute favorite website for daily online entertainment.

  9. You’ve made some good points there. I looked on the net to find out more about the issue and found most people will go along with your views on this website.

  10. In this grand design of things you secure a B+ just for effort and hard work. Exactly where you misplaced everybody was on your facts. You know, they say, details make or break the argument.. And it could not be much more true at this point. Having said that, allow me inform you what did do the job. Your authoring is actually extremely persuasive and this is most likely why I am making an effort in order to comment. I do not really make it a regular habit of doing that. Second, whilst I can see the jumps in logic you come up with, I am not really convinced of just how you appear to unite the details which produce the final result. For now I will yield to your point but hope in the foreseeable future you actually connect your facts much better.

  13. Navigating through various betting options can feel quite overwhelming sometimes. Currently h​t​t​ps:​//t​ai​s​u​n​w​i​n.com​.d​e is leading the market with its awesome features. The slot games here are extremely fun and offer great graphics with high payout rates. Cashing out my winnings takes just a few minutes thanks to their modern payment gateways. You absolutely must create an account and start winning today.

  18. Видео для взрослых можно транслировать на надежных
    платформах для обеспечения конфиденциальности.
    Откройте для себя безопасные веб-сайты для качественного просмотра.

    Check out my webpage :: LESBIAN PORN VIDEOS

Leave a Reply

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