React Express - Material Design

Full-Stack React Material Design with Express backend server.

Product Features

This full-stack app is built using a decoupled architecture, where the React Material Design frontend communicates with the Nodejs / Express backend through secure ajax call.

• Nodejs / Express backend
• SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
• JWT token authentication
• React Material Design crafted by the famous Creative-Tim agency.
• Login and Registration features

To use and start this starter, a few simple steps must be followed:

• clone, build and start the Nodejs Starter backend
• clone, built and start the React Material Kit frontend

Express Backend

The backend server is a simple Express / Nodejs Starter with JWT authentication, SQLite database, Sequelize ORM, unit tests and basic tooling.

$ #############################
$ # clone and build the backend

$ git clone https://github.com/app-generator/nodejs-starter.git
$ cd nodejs-starter
$ yarn
$ yarn start # backend runs on port 3000

React Material Kit

React app enhanced with JWT Authentication with fully functional login & registration flow.

$ #############################
$ # clone and build the React Frontend

$ git clone https://github.com/app-generator/material-kit-react.git
$ cd material-kit-react
$ yarn
$ yarn start # Frontend runs on port 8080

Resources

• Nodejs / Express backend sources
• React Material Kit sources
• React Express Material Design - Demo

What is Express

For newcomers, Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. Read more about Express here

What is React

React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded. Read more about React here

Material Kit React

Material Kit React is a Free [email protected] Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Material-UI elements, you will find three fully-coded example pages, to help you design your next project. Read more about Material Kit React here

Support

For issues and features request, use Github or access the support page provided by AppSeed

License

MIT @ AppSeed

React Express - Material Design provided by AppSeed