Skip to content
A responsive👨‍🎨 boilerplate using Material UI and MERN (MongoDB, Express🚉, React, Node) to create a login system with a dashboard.
JavaScript Other
Branch: master
Clone or download
Latest commit cf2eb44 Oct 29, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
client login system material ui Oct 29, 2019
config init Oct 27, 2019
server login system material ui Oct 29, 2019
.babelrc init Oct 27, 2019
.editorconfig Prod build May 15, 2016
.gitignore Initial code commit May 15, 2016
LICENSE Initial commit Oct 22, 2019 Update Oct 29, 2019
package-lock.json login system material ui Oct 29, 2019
package.json login system material ui Oct 29, 2019
postcss.config.js Add PostCSS config file to make the loader happy Jan 21, 2017
server.js Updates, minor edits Nov 21, 2016
webpack.config.js Cleaner webpack configs May 15, 2016


This project makes building responsive login systems with MERN a breeze using these technologies:


npm install


Make sure to add a config.js file in the config folder. See the example there for more details.

Production mode:

npm start

Development (Webpack dev server) mode:

npm run start:dev

Notes about development

  • The way I do persistance with user login (keep users logged in even after a refresh) is every time they login, I generate a new UserSession object on the DB that holds the _id corresponding to the user in the users collection as well as a timestamp of when they logged in. I store the _id of this usersession object in the localStorage and grab it again when they reload the page to check in the database. When they logout, I set the isDeleted property of the usersession object to true.


  • Validate emails, usernames (alphanumerical),
  • Change login to be username, password (for later)
  • Add email verification (for later)
  • Setup 'forgot my password' on sign in page


You can’t perform that action at this time.