Add more links to example section

So we can link to the demos
huggingface · Oct 3, 2023 · 8e6e6e0 · 8e6e6e0
1 parent 5b31129
commit 8e6e6e0
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 26 deletions.
diff --git a/README.md b/README.md
@@ -107,20 +107,20 @@ Alternatively, you can use it in vanilla JS, without any bundler, by using a CDN
 
 Want to jump straight in? Get started with one of our sample applications/templates:
 
-| Name              | Description                      | Source code                   |
+| Name              | Description                      | Links                   |
 |-------------------|----------------------------------|-------------------------------|
-| Whisper Web       | Speech recognition w/ Whisper    | [link](https://github.com/xenova/whisper-web) |
-| Doodle Dash       | Real-time sketch-recognition game (see [blog](https://huggingface.co/blog/ml-web-games)) | [link](https://github.com/xenova/doodle-dash) |
-| Code Playground   | In-browser code completion website | [link](./examples/code-completion/) |
-| Semantic Image Search (client-side) | Search for images with text | [link](./examples/semantic-image-search-client/) |
-| Semantic Image Search (server-side) | Search for images with text (Supabase) | [link](./examples/semantic-image-search/) |
-| Vanilla JavaScript | In-browser object detection     | [link](./examples/vanilla-js/) |
-| React             | Multilingual translation website | [link](./examples/react-translator/) |
-| Browser extension | Text classification extension    | [link](./examples/extension/) |
-| Electron          | Text classification application  | [link](./examples/electron/)  |
-| Next.js (client-side) | Sentiment analysis (in-browser inference) | [link](./examples/next-client/) |
-| Next.js (server-side) | Sentiment analysis (Node.js inference) | [link](./examples/next-server/) |
-| Node.js           | Sentiment analysis API           | [link](./examples/node/)      |
+| Whisper Web       | Speech recognition w/ Whisper    | [code](https://github.com/xenova/whisper-web), [demo](https://huggingface.co/spaces/Xenova/whisper-web) |
+| Doodle Dash       | Real-time sketch-recognition game | [blog](https://huggingface.co/blog/ml-web-games), [code](https://github.com/xenova/doodle-dash), [demo](https://huggingface.co/spaces/Xenova/doodle-dash) |
+| Code Playground   | In-browser code completion website | [code](./examples/code-completion/), [demo](https://huggingface.co/spaces/Xenova/ai-code-playground) |
+| Semantic Image Search (client-side) | Search for images with text | [code](./examples/semantic-image-search-client/), [demo](https://huggingface.co/spaces/Xenova/semantic-image-search-client) |
+| Semantic Image Search (server-side) | Search for images with text (Supabase) | [code](./examples/semantic-image-search/), [demo](https://huggingface.co/spaces/Xenova/semantic-image-search) |
+| Vanilla JavaScript | In-browser object detection     | [video](https://scrimba.com/scrim/cKm9bDAg), [code](./examples/vanilla-js/), [demo](https://huggingface.co/spaces/Scrimba/vanilla-js-object-detector) |
+| React             | Multilingual translation website | [code](./examples/react-translator/), [demo](https://huggingface.co/spaces/Xenova/react-translator) |
+| Browser extension | Text classification extension    | [code](./examples/extension/) |
+| Electron          | Text classification application  | [code](./examples/electron/)  |
+| Next.js (client-side) | Sentiment analysis (in-browser inference) | [code](./examples/next-client/), [demo](https://huggingface.co/spaces/Xenova/next-example-app) |
+| Next.js (server-side) | Sentiment analysis (Node.js inference) | [code](./examples/next-server/), [demo](https://huggingface.co/spaces/Xenova/next-server-example-app) |
+| Node.js           | Sentiment analysis API           | [code](./examples/node/)      |
 
 
 ## Custom usage

diff --git a/docs/snippets/3_examples.snippet b/docs/snippets/3_examples.snippet
@@ -1,16 +1,16 @@
 Want to jump straight in? Get started with one of our sample applications/templates:
 
-| Name              | Description                      | Source code                   |
+| Name              | Description                      | Links                   |
 |-------------------|----------------------------------|-------------------------------|
-| Whisper Web       | Speech recognition w/ Whisper    | [link](https://github.com/xenova/whisper-web) |
-| Doodle Dash       | Real-time sketch-recognition game (see [blog](https://huggingface.co/blog/ml-web-games)) | [link](https://github.com/xenova/doodle-dash) |
-| Code Playground   | In-browser code completion website | [link](./examples/code-completion/) |
-| Semantic Image Search (client-side) | Search for images with text | [link](./examples/semantic-image-search-client/) |
-| Semantic Image Search (server-side) | Search for images with text (Supabase) | [link](./examples/semantic-image-search/) |
-| Vanilla JavaScript | In-browser object detection     | [link](./examples/vanilla-js/) |
-| React             | Multilingual translation website | [link](./examples/react-translator/) |
-| Browser extension | Text classification extension    | [link](./examples/extension/) |
-| Electron          | Text classification application  | [link](./examples/electron/)  |
-| Next.js (client-side) | Sentiment analysis (in-browser inference) | [link](./examples/next-client/) |
-| Next.js (server-side) | Sentiment analysis (Node.js inference) | [link](./examples/next-server/) |
-| Node.js           | Sentiment analysis API           | [link](./examples/node/)      |
+| Whisper Web       | Speech recognition w/ Whisper    | [code](https://github.com/xenova/whisper-web), [demo](https://huggingface.co/spaces/Xenova/whisper-web) |
+| Doodle Dash       | Real-time sketch-recognition game | [blog](https://huggingface.co/blog/ml-web-games), [code](https://github.com/xenova/doodle-dash), [demo](https://huggingface.co/spaces/Xenova/doodle-dash) |
+| Code Playground   | In-browser code completion website | [code](./examples/code-completion/), [demo](https://huggingface.co/spaces/Xenova/ai-code-playground) |
+| Semantic Image Search (client-side) | Search for images with text | [code](./examples/semantic-image-search-client/), [demo](https://huggingface.co/spaces/Xenova/semantic-image-search-client) |
+| Semantic Image Search (server-side) | Search for images with text (Supabase) | [code](./examples/semantic-image-search/), [demo](https://huggingface.co/spaces/Xenova/semantic-image-search) |
+| Vanilla JavaScript | In-browser object detection     | [video](https://scrimba.com/scrim/cKm9bDAg), [code](./examples/vanilla-js/), [demo](https://huggingface.co/spaces/Scrimba/vanilla-js-object-detector) |
+| React             | Multilingual translation website | [code](./examples/react-translator/), [demo](https://huggingface.co/spaces/Xenova/react-translator) |
+| Browser extension | Text classification extension    | [code](./examples/extension/) |
+| Electron          | Text classification application  | [code](./examples/electron/)  |
+| Next.js (client-side) | Sentiment analysis (in-browser inference) | [code](./examples/next-client/), [demo](https://huggingface.co/spaces/Xenova/next-example-app) |
+| Next.js (server-side) | Sentiment analysis (Node.js inference) | [code](./examples/next-server/), [demo](https://huggingface.co/spaces/Xenova/next-server-example-app) |
+| Node.js           | Sentiment analysis API           | [code](./examples/node/)      |