Warzone's website is built with React. This ties in with Warzone's TGM project to display information like player leaderboards, individual player stats, as well as detailed match info.
-
Setup the API and a Spigot server connected to the API running the TGM plugin configured and running correctly. The API is what the website relies on to get info like player stats and match info.
-
Make sure you have Node.js installed on the server. Run
yarn(ornpm install) to install all of the dependencies. -
Create a
config.jsonfile in the src/ directory that looks like this:
{
"API_BASE": "YOUR_API_URL"
}- Start the development server with
yarn start(ornpm run start). You can also build the project withyarn build(ornpm run build).
- We use Prettier. If you want to setup Prettier locally make sure to use our
.prettierrc. This is optional as we have a GitHub bot that formats files if they're not already formatted correctly. - The site was not built with self-hosting in mind. This means important links like the Discord server and store are hardcoded at the moment.
React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.