Extend Apps Directory

This project is a web application that displays a directory of "Extend Apps" which can be used to enhance games. Users can browse the directory, filter apps by creator, and view details about each app, including links to their repositories.

Getting Started

Prerequisites

• Node.js LTS
• yarn

Installation

1. Clone the repository:

   git clone https://github.com/AccelByte/extend-apps-directory

2. Navigate to the project directory:

   cd extend-apps-directory

3. Install the dependencies:

   yarn install

Development

Start the development server:

yarn dev

Your application will be available at http://localhost:5173.

Building for Production

To create a production build, run:

yarn build

This will create a build directory with the optimized assets. To see production build, run:

yarn start

Project Structure

• app/: Contains the main application code.
  • assets/: Static assets like images and logos.
  • components/: Reusable React components.
  • data/: JSON data for the Extend apps.
  • routes/: Route components for different pages.
  • types/: TypeScript type definitions.
  • app.css: Global CSS styles.
  • root.tsx: The root component of the application.
  • routes.ts: Route configuration.
• public/: Public assets that are not processed by Vite.
• vite.config.ts: Vite configuration file.
• package.json: Project dependencies and scripts.
• tsconfig.json: TypeScript configuration.

AI integration

Requirements

• Download Claude Code: https://code.claude.com/docs/en/quickstart
• Set up Figma MCP server: https://developers.figma.com/docs/figma-mcp-server/remote-server-installation/#claude-code.

How-to

• Copy resources/plan.md into .claude/raw-plans/{page_name}.md. For example: .claude/raw-plans/{feature_name}.md.
• Open Claude Code, make sure the model is Sonnet 4.5 (or higher). After that, run this: /create-plan from .claude/raw-plans/{feature_name}.md..
• Answer the questions provided by the AI agent in the new plan document .claude/plans/{feature_name}.md.
• Inside Claude Code, run /contribute with the context of .claude/plans/{feature_name}-sonnet.md..