GaryB432 / basic-material-starter-kit

Basic template for prototyping with Material Components for the Web

Basic Material Starter Kit

🚀 Basic template for experimenting and prototyping with Material Components for the Web (or MDC-Web).

The template is based on Getting Started doc, but fixes some errors and adds small improvements:

• ✔️ fixed outdated babel-loader configuration
• ✔️ links Roboto font
• ✔️ proper mdc-button HTML markup

MDC-Web is used with SASS (not via CDN) allowing you to use mixins, perform customizations and theming. As an example, the template includes customized @material/button component.

Usage

Developing locally

Go to Releases and download the latest release. Unpack it, rename the folder/app and use it as a starting point for experimenting with MDC-Web:

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn start

# build for production with minification
yarn build

Developing and sharing online

1. Go to codesandbox.io and click Create Sandbox.
2. Select "Import Project" and enter GitHub repository: https://github.com/kekscs/basic-material-starter-kit
3. Once the initialization is done, you'll have online workspace ready for development and sharing.