I want to create a Web app that uses this end point to query all players https://api.sportmonks.com/v3/football/players/. I guess you have vast knowledge on this API because I will need the players, game stats for each player and other endpoints to use in my Web app so as to use the data to my project so I will be using firebase database so document a fully detailed professional prompt for me to implement the file structure backend and frontend I also need dark mode and light mode functionality for Claude 3.7 and lovable the functionality of the front end I will have users being able to create an account get an initial token as bonus sign up and they will have to buy more tokens to buy/sell player shares and the player price will be affected by player stats for different games or matches from the API and when a user has to buy a share at the current price of the player share there should be a payment time period if the user doesn't make the transaction in that time then it's closed no transaction and the user has to provide their login password to confirm the transaction. Share prices change due to supply and demand. With also admin functionality to manage users and other admin functionality features. I want the best of the best clean neat professional UI nice animations, navbar scroll effects and also sticky navbar. I have some code sample code " class PlayerMarket { /**

• Represents the market for player shares.
• @param {number} basePrice - The initial base price of the player.
• @param {number} k - Constant that influences the performance weight index.
• @param {number} m - Constant that influences the number of buyers.
• @param {number} j - Constant that influences the total shares. */ constructor(basePrice, k, m, j) { this.basePrice = basePrice; // Initial base price of the player this.k = k; // Constant for performance weight index impact this.m = m; // Constant for influence of the number of buyers on price this.j = j; // Constant for impact of total shares on price this.totalShares = 0; // Total number of shares available in the market this.sharesOwned = 0; // Number of shares owned by the user this.performanceWeightIndex = 0; // Performance Weight Index, calculated based on player metrics this.numberOfBuyers = 0; // Total number of buyers in the market }

/**

• Calculates the Performance Weight Index (PWI) based on an array of performance metrics.
• Each metric is an object containing type, value, and weight.
• @param {Array} metrics - An array of performance metric objects.
• Each object should have:

• - {string} type - The type of performance metric (e.g., "tackle", "assist").  
  

• - {number} value - The value associated with the metric.  
  

• - {number} weight - The weight of the metric, determining its influence on PWI.  
  

*/
calculatePerformanceWeightIndex(metrics) {
// Calculate the PWI using the provided metrics array.
this.performanceWeightIndex = metrics.reduce((acc, metric) => {
// For each metric, add the product of value and weight to the accumulator.
return acc + (metric.value * metric.weight);
}, 0);

// Log the calculated PWI for debugging purposes.  
console.log(`Calculated Performance Weight Index: ${this.performanceWeightIndex}`);  

}

/**

• Updates the number of buyers in the market.
• @param {number} count - The new number of buyers.
  */
  updateNumberOfBuyers(count) {
  this.numberOfBuyers = count; // Set the total number of buyers
  }

/**

• Calculates the current player price based on base price, performance metrics, and market conditions.
• @returns {number} - The calculated player price.
  */
  calculatePlayerPrice() {
  // Calculate the player price using the formula:
  // price = basePrice + (k * performanceWeightIndex) + (m * numberOfBuyers) - (j * totalShares)
  return this.basePrice + (this.k * this.performanceWeightIndex) +
  (this.m * this.numberOfBuyers) - (this.j * this.totalShares);
  }

/**

• Buys shares of the player, updating the user's owned shares and total market shares.

• @param {number} sharesToBuy - The number of shares to buy.

• @param {number} transactionFee - The transaction fee for the purchase.
  */
  buyShares(sharesToBuy, transactionFee) {
  const currentPlayerPrice = this.calculatePlayerPrice(); // Get the current price of the player
  // Calculate the total cost including the transaction fee
  const totalBuyingPrice = (sharesToBuy * currentPlayerPrice) + transactionFee;

  // Update shares owned by the user and the total shares in the market
  this.sharesOwned += sharesToBuy; // Increment user's shares
  this.totalShares += sharesToBuy; // Increment total shares in market

  // Log the transaction details
  console.log(Bought ${sharesToBuy} shares for a total of $${totalBuyingPrice}.);
  console.log(Current shares owned: ${this.sharesOwned});
  console.log(Total shares in market: ${this.totalShares});
  }

/**

• Sells shares of the player, updating the user's owned shares and total market shares.

• @param {number} sharesToSell - The number of shares to sell.

• @param {number} transactionFee - The transaction fee for the sale.
  */
  sellShares(sharesToSell, transactionFee) {
  // Check if the user has enough shares to sell
  if (sharesToSell > this.sharesOwned) {
  console.log("Not enough shares to sell."); // Inform the user
  return; // Exit the method
  }

  const currentPlayerPrice = this.calculatePlayerPrice(); // Get the current price of the player
  // Calculate the withdrawal amount after deducting the transaction fee
  const withdrawalAmount = (sharesToSell * currentPlayerPrice) - transactionFee;

  // Update shares owned by the user and the total shares in the market
  this.sharesOwned -= sharesToSell; // Decrement user's shares
  this.totalShares -= sharesToSell; // Decrement total shares in market

  // Log the transaction details
  console.log(Sold ${sharesToSell} shares for a total of $${withdrawalAmount}.);
  console.log(Current shares owned: ${this.sharesOwned});
  console.log(Total shares in market: ${this.totalShares});
  }

}

// Sample usage of the PlayerMarket class const playerMarket = new PlayerMarket(10, 1.5, 0.2, 0.1);

// Define performance metrics with type, value, and weight const metrics = [ { type: 'tackle', value: 10, weight: 1 }, // Example metric for tackles { type: 'assist', value: 5, weight: 3 }, // Example metric for assists { type: 'foul', value: 2, weight: -1 } // Example metric for fouls (negative impact) ];

// Calculate the Performance Weight Index (PWI) using the defined metrics playerMarket.calculatePerformanceWeightIndex(metrics); playerMarket.updateNumberOfBuyers(100); // Update the number of buyers in the market

// Calculate the initial player price console.log(Initial Player Price: $${playerMarket.calculatePlayerPrice()});

// Buy shares of the player playerMarket.buyShares(3, 5); // Buying 3 shares with a $5 transaction fee

// Recalculate player price after buying shares console.log(Current Player Price after buying: $${playerMarket.calculatePlayerPrice()});

// Sell shares of the player playerMarket.sellShares(1, 5); // Selling 1 share with a $5 transaction fee

// Final player price after transactions console.log(Final Player Price: $${playerMarket.calculatePlayerPrice()});" but implement it to the best prompt. Fully implement even the admin panel with all the necessary functions