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.gitCreate a branch
cd material-ui
git checkout -b my-topic-branchFetch packages
yarnMake 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 lintSave
git status
git add .
git commit -m "added to showcase"Prettier
May want to run prettier and then check what changes were made.
yarn prettierIf there were any changes, save them before moving on.
Push to to GitHub
git push --set-upstream origin my-topic-branchGit 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-branchMake a Pull Request
Open
https://github.com/johnvincentio/material-ui/pull/new/my-topic-branchwhich is a pull request.
Click on Create pull request
Pull request is #14687
https://github.com/mui-org/material-ui/pull/14687Fix 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 lintrevealed 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