Material-UI Showcase
by John Vincent
Posted on September 26, 2018
This article describes how to add TaskMuncher to the Material-UI Showcase.
Contributing to Material-UI
Getting Started
Review Contributing to Material-UI as there are many rules.
Fork the Material-UI repository on Github
From Material-UI Github, ensure you have next
branch selected. Issue Fork
(see top right).
This creates repository https://github.com/johnvincentio/material-ui
Clone your fork to your local machine
cd /Users/jv/Desktop/MyDevelopment/github/material-ui
git clone git@github.com:johnvincentio/material-ui.git
Create a branch
cd material-ui
git checkout -b my-topic-branch
Fetch packages
yarn
Make your changes
Added to docs/src/pages/discover-more/showcase/appList.js
{
title: 'TaskMuncher',
description:
'TaskMuncher is a responsive MERN stack Task Management Productivity Web based application.' +
'TaskMuncher is the easiest way to get it done, whether you’re making a shopping list, ' +
'planning a holiday or managing multiple work projects. ' +
'Use TaskMuncher to organize and keep track of everything so you can get it all done and enjoy more peace of mind.',
link: 'https://taskmuncher.com',
image: 'taskmuncher.png',
index: 30,
},
Copied:
calendar image taskmuncher.png
from https://www.johnvincent.io/images/taskmuncher/app/taskmuncher-app.png
to static/images/showcase
Lint
yarn lint
Save
git status
git add .
git commit -m "added to showcase"
Prettier
May want to run prettier and then check what changes were made.
yarn prettier
If there were any changes, save them before moving on.
Push to to GitHub
git push --set-upstream origin my-topic-branch
Git replies with
remote: Create a pull request for 'my-topic-branch' on GitHub by visiting:
remote: https://github.com/johnvincentio/material-ui/pull/new/my-topic-branch
Make a Pull Request
Open
https://github.com/johnvincentio/material-ui/pull/new/my-topic-branch
which is a pull request.
Click on Create pull request
Pull request is #14687
https://github.com/mui-org/material-ui/pull/14687
Fix Errors
A number of checks are made on the request. If any of them fail, the request will fail.
For example, ci/circleci failed. Details of the failure suggest a yarn lint error.
yarn lint
revealed the problem. I fixed the problem
- fix the problem
- save
- push
Repeat
yarn prettier
- save
- push
Successful Pull Request
When the pull request https://github.com/mui-org/material-ui/pull/14687
passes all tests, it becomes available to be merged.
Write access
is required to perform a merge.
Release
Look for the pull request #14687
Review
Review Material-UI Showcase to ensure that TaskMuncher has been added to showcase.
For more information about TaskMuncher please see TaskMuncher Overview
Material-ui
Taskmuncher
- Backup TaskMuncher from Digital Ocean
- Configure HTTP Nginx
- Configure HTTPS Nginx
- Configuring Google Domains
- Configuring Meta Tags
- Create Site Map
- Create SSL Certificates
- Create Ubuntu Droplet at Digital Ocean
- Deploy TaskMuncher React App to AWS
- Facebook Application Id
- First time deploy TaskMuncher React App to Digital Ocean
- Google Analytics for TaskMuncher
- Google Authentication
- Google Gmail Configuration
- Google Webmaster Tools
- Install Ubuntu Mongo
- Install Ubuntu Nginx
- Mailgun
- Maintaining Ubuntu Droplet
- Material-UI Showcase
- Optimizing TaskMuncher with Webpack 4
- React Production Issues
- TaskMuncher Images and Favicons
- TaskMuncher Overview
- TaskMuncher Performance
- TaskMuncher Website Validation
- Update SSL Certificates
- Update TaskMuncher for Lighthouse Findings
- Update TaskMuncher to be a Progressive Web App
- Update TaskMuncher to use React BrowserRouter
- Update TaskMuncher to Webpack v4, Babel v7, Material-UI v3