Chat & MicroStorage (GPW2) - Overview

<HTMLBlock>{`
<ul class="breadcrumb">
  <li><a href="/docs/">Docs</a></li>
  <li><a href="/docs/samples">Samples</a></li>
  <li><a href="/docs/chat-gpw2-overview">Chat & MicroStorage (GPW2)</a></li>
  <li>Chat & MicroStorage (GPW2) - Overview</li>
</ul>

<div class="links">
  <a class="link active" href="https://beamable2.readme.io/docs/chat-gpw2-overview" style="text-decoration: none">Overview</a>
  <a class="link normal" href="https://beamable2.readme.io/docs/chat-gpw2-guide" style="text-decoration: none">Guide</a>
</div>
`}</HTMLBlock>

In "Global Price War" (GPW), the winners say **Buy low, sell high! Finish rich and be top on the Leaderboard.**. 

> 📘 Related Features
>
> {user.TXT_RELATED_FEATURES} 
>
> • [Chat](doc:chat-feature-overview) - {user.FEATURE_DETAIL_CHAT}\
> • [Connectivity](doc:connectivity-feature-overview) - {user.FEATURE_DETAIL_CONNECTIVITY}\
> • [Content](doc:content-feature-overview) - {user.FEATURE_DETAIL_CONTENT}\
> • [Inventory](doc:inventory-feature-overview) - {user.FEATURE_DETAIL_INVENTORY}\
> • [Leaderboards](doc:leaderboards-feature-overview) - {user.FEATURE_DETAIL_LEADERBOARDS}\
> • [Microservices](doc:microservices-feature-overview)  - {user.FEATURE_DETAIL_MICROSERVICES}\
> • [Microservice Storage](doc:microservice-storage-feature-overview) - {user.FEATURE_DETAIL_MICROSTORAGE}

The code for Global Price War 2 is at [https://github.com/beamable/Chat\_GPW\_2\_With\_MicroStorage\_Sample\_Project](https://github.com/beamable/Chat_GPW_2_With_MicroStorage_Sample_Project). Please check the Guide, [https://docs.beamable.com/docs/chat-gpw2-guide](https://docs.beamable.com/docs/chat-gpw2-guide) for guidance on using the project.

## Screenshots

<Table align={["left","left","left","left","left"]}>
  <thead>
    <tr>
      <th>
        Scene01Intro
      </th>

      <th>
        Scene02Game
      </th>

      <th>
        Scene03Chat
      </th>

      <th>
        Scene04Settings
      </th>

      <th>
        Scene05Leaderboard
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <img src="https://files.readme.io/8f9ffe2-8.jpg" height="230"/>
      </td>

      <td>
        <img src="https://files.readme.io/d1209ae-4.jpg" height="230"/>
      </td>

      <td>
        <img src="https://files.readme.io/5d113e8-3.jpg" height="230"/>
      </td>

      <td>
        <img src="https://files.readme.io/d894514-settings.png" height="230"/>
      </td>

      <td>
        <img src="https://files.readme.io/fd4b0d4-5.jpg" height="230"/>
      </td>
    </tr>
  </tbody>
</Table>

<HTMLBlock>{`
<style>
  .links {
    padding: 0 1em 1em 0;
    display: flex;
    flex-flow: row wrap;
  }

  .link {
    margin-right: 2em;
    padding: 0.3em 1.5em;
    box-sizing: border-box;
  }

  .active {
    border: 1px solid #4274f6;
    background-color: #4274f6;
    color: white;
  }

  .normal {
    background-color: white;
    border: 1px solid gray;
    cursor:pointer;
    text-decoration: none;
  }

  .normal:active {
    background-color: #c4d4ff;
  }

  .normal:hover {
    background-color: #c4d4ff;
  }

  .active:active {
    color: white;
  }

  .active:hover {
    color: white;
  }
  
  ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
  }
  ul.breadcrumb li {
    display: inline;
    font-size: 18px;
  }
  ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
  }
  ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
  }
  ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
  }
  
        @media only screen and (max-width:700px){
 		    ul.breadcrumb {
    padding-top:0;
          padding-left:0;
  }
      
       .link {
    margin-right: 1em;
         margin-bottom:1em;
  }
  }
</style>
`}</HTMLBlock>