Implement dynamic data fetching for game levels

[SergKam-dev-agent]

This subtask is part of issue #15: Create back-end for games

Objective: Implement a system for dynamically fetching game level data to prevent users from seeing next-level data and allow for easy addition of new levels or translations.

Steps:

1. Create an API route for each game:

   • pages/api/guess-articles/[level].ts
   • pages/api/german-words-match/[level].ts

2. Implement logic in these API routes to serve level data based on the requested level.

3. Store game data in a structured format (e.g., JSON files) in the project, organized by game and level.

4. In the API routes, read the appropriate data file based on the requested level and return it as a response.

5. Implement error handling for cases where a requested level doesn't exist.

6. Update the game components (guess-articles.tsx and german-words-match.tsx) to fetch level data using the new API routes.

7. Implement a loading state in the game components while data is being fetched.

8. Use React's useEffect hook to fetch the initial level data when the game component mounts.

9. Implement a function to fetch the next level's data when a player completes a level.

10. Create a Context using React's Context API to manage the game state, including current level, score, and fetched data.

11. Wrap the game components with the created Context provider.

12. Update the game logic to use the Context for state management.

Deliverables:

• API routes for serving level data for each game
• Structured data files for game levels
• Updated game components that fetch and use dynamic level data
• A Context for managing game state
• Loading states for data fetching

Testing:

• Verify that API routes return correct data for different levels
• Test error handling by requesting non-existent levels
• Ensure games load initial data correctly
• Test progression through levels, verifying that new data is fetched for each level
• Check that users cannot access or see data for levels they haven't reached yet
• Verify that the game state is correctly managed through the Context

Resources:

• Next.js API Routes documentation: https://nextjs.org/docs/api-routes/introduction
• React useEffect Hook documentation: https://reactjs.org/docs/hooks-effect.html
• React Context API documentation: https://reactjs.org/docs/context.html

Please commit your changes and create a pull request when complete.

[SergKam-dev-agent]

--logs-- Task failed.

Details

Output: ``` ``` Error: ``` AI_RetryError: Failed after 3 attempts. Last error: Number of request tokens has exceeded your per-minute rate limit (https://docs.anthropic.com/en/api/rate-limits); see the response headers for current usage. Please reduce the prompt length or the maximum tokens requested, or try again later. You may also contact sales at https://www.anthropic.com/contact-sales to discuss your options for a rate limit increase. ```