/Lux

🌈 Are you tired of scrolling through multiple websites to find your stats, scores, KDA, and win rate? Lux is here to simplify your search and provide you with all the information you need in one place.

Primary LanguageJavaScript

🌈 Lux

riot react bootstrap python

Introducing Lux, your ultimate companion for League of Legends summoner profiles! Are you tired of scrolling through multiple websites to find your stats, scores, KDA, and win rate? Lux is here to simplify your search and provide you with all the information you need in one place.

With Lux, you can easily search for any summoner profile and access comprehensive and up-to-date statistics in seconds. Want to know your KDA ratio for your favorite champion? Interested in your overall win rate or recent match history? Lux has got you covered. With its sleek and intuitive interface, Lux makes it effortless to navigate through summoner profiles and quickly find the information you're looking for.

Whether you're a casual player who wants to track your progress, or a serious competitor who needs to analyze your performance, Lux is the perfect tool for you. Stay on top of your game by keeping track of your stats, identifying areas for improvement, and making informed decisions to level up your gameplay.

Lux is a powerful and user-friendly web app that puts all the summoner profile information you need at your fingertips. So why wait? Start using Lux today and elevate your League of Legends experience to a whole new level!

🚀 Things I learned about

  • React

    • Conditional rendering
    • Hooks
      • UseState
      • UseEffect
    • Parent children interaction and props
    • Component reusability
    • React routes
  • Axios

    • Consume APIs
  • Python

    • Web scrapping

🌐 Check it out for yourself!

📷 App screenshots

demo demo demo demo demo demo demo

💿 Test the app locally

Replace the RIOT_API variable at .env with your api key. You can get one at riot page.
In the project directory, you can run:

  • npm install
  • npm start

Open http://localhost:3000 to view it in your browser.