LAB.md

🧲 Lab 20 Alternative - Mock Store

⏰  Estimated time: 5 minutes

🏋️‍♀️ Steps :

For now, our store project has no API when it is deployed. Hence, it is only displaying the header.

1. If you removed your fake-api/index.ts from the store, let's re-add it

2. Import it in your apps/store/src/app/app.tsx

   🐳   Hint

    import { getAllGames } from '../fake-api/index';
   
    export const App = () => {
   
    return (
      <>
        <Header title="Board Game Hoard" />
          <div className={styles['container']}>
            <div className={styles['games-layout']}>
              {getAllGames().map((x) => (
                <Link to={`/game/${x.id}`} key={x.id}>
                  <Card className={styles['game-card']}>

   
   

3. Build and deploy your store project. Your deployed version should now be showing some games.

   ⚠️  Clicking on games and displaying game details will still not work. We can fix that later.

   

---

➡️  Next lab ➡️