uidotdev
diff --git a/Diff for: ‎.gitignore
+6 b/Diff for: ‎.gitignore
+6
diff --git a/Diff for: ‎README.md
+28 b/Diff for: ‎README.md
+28
diff --git a/Diff for: ‎index.html
+56 b/Diff for: ‎index.html
+56
@@ -0,0 +1,6 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+.vscode
@@ -0,0 +1,28 @@
+<h1 align="center">
+  <a href="https://ui.dev">
+    <img
+      src="https://ui.dev/images/ambitious-banner-dark.jpg"
+      alt="ui.dev banner" width="600" />
+  </a>
+  <br />
+</h1>
+
+<h3 align="center">React Query Course PRoject - <a href="https://react-query-issue-tracker.ui.dev">Issue Tracker</a></h3>
+
+### Info
+
+This is the repository for [ui.dev](https://ui.dev)'s "React Query" course project.
+
+For more information on the course, visit **[ui.dev/react-query](https://ui.dev/react-query)**.
+
+### Project
+
+This project is an app for tracking issues. The backend is fully mocked with [MSW](https://mswjs.io) - the project is building the UI and data fetching using [React Query](https://react-query.tanstack.com)
+
+You can view the final project **[here](https://react-query-issue-tracker.ui.dev)**
+
+### Branches
+
+Every `(Project)` video in the course coincides with a branch in this repo. If you want to compare your code with Alex's or you just want to play around with the code, check out the different branches.
+
+Below every `(Project)` video in the course will be a direct link to both the commit for that video as well as its branch.
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/src/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Issue Tracker</title>
+    <style>
+      html,
+      body {
+        background-color: black;
+      }
+      :root {
+        --black: #000;
+        --white: #fff;
+        --red: #f32827;
+        --purple: #a42ce9;
+        --blue: #2d7fea;
+        --yellow: #f4f73e;
+        --pink: #eb30c1;
+        --gold: #ffd500;
+        --aqua: #2febd2;
+        --gray: #282c35;
+      }
+      html {
+        font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI,
+          Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        box-sizing: border-box;
+        font-size: 18px;
+      }
+
+      body {
+        margin: 0;
+        padding: 0;
+        min-height: 100vh;
+        background: var(--black);
+        color: var(--white);
+      }
+      .yellow-border {
+        padding: 0;
+        margin: 0;
+        background: var(--yellow);
+        height: 5px;
+        width: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="yellow-border"></div>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>