chore: catalog example

examples/README.md

@@ -5,3 +5,4 @@ A collection of small apps or pages using MDC React components.
 Example | Link
 --- | ---
 Roses | [./roses](./roses)
+Catalog | [./catalog](./catalog)

examples/catalog/.gitignore

@@ -0,0 +1,71 @@
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+### Custom
+dist
+node_modules

examples/catalog/README.md

@@ -0,0 +1,19 @@
+# Catalog Example
+
+This is an example that looks like catalog using mdc-react.
+
+## Running example
+> starting from root directory (`/material-components-web-react`)
+
+1. `cd ./examples/catalog`
+2. `npm i`
+3. `npm start`
+4. in web browser, head to `localhost:4200`
+
+## Building example
+> starting from root directory (`/material-components-web-react`)
+
+1. `cd ./examples/catalog`
+2. `npm i`
+3. `npm build`
+4. then bundle files are in `dist`