Apex Legends Stats Tracker

Assignment

I came across this tutorial by Brad Traversy and was immediately hooked, as I was both a big fan of Apex Legends and a regular viewer of his channel. While the original tutorial was built in Vue, I challenged myself to recreate the entire application using React instead.

At the time, I already had some experience setting up Node.js servers with Express. However, fetching data from a third-party API on the backend was a new concept for me, which I quickly learned and integrated.

I needed a way to indicate to users that the application was actively processing their requests. Implementing a custom spinner component controlled by a boolean loading state solved this effectively.

---

Technologies used

Full list available at: Github

---

I Learned

• Fetching data from a third-party API
• Rendering dynamic API data in React
• Handling loading states
• Basic setup of a Node.js/Express backend

---

Solutions Found

• Deploying on Heroku and resolving CORS issues
• Managing asynchronous loading states in React