Skip to content
Permalink
Browse files

Update README.md

  • Loading branch information...
app-generator committed Jul 19, 2019
1 parent 5cc821c commit 68bd2b4e397bd884199830b7101802f604236847
Showing with 98 additions and 1 deletion.
  1. +98 −1 README.md
@@ -1 +1,98 @@
# fullstack-react-express-argon-design
# [React Express - Material Design](https://appseed.us/apps/react/express/material-kit-creative-tim)

Full-Stack [React](https://reactjs.org/) [Material Design](https://demos.creative-tim.com/material-kit-react?ref=appseed) with [Express](https://expressjs.com/) backend server.

<br />

![React Express Material Design - Gif animated presentation.](https://github.com/app-generator/static/blob/master/products/react-express-material-design-intro.gif?raw=true)

<br />

## Product Features

This full-stack app is built using a decoupled architecture, where the **React** Material Desifn frontend communicates with the Nodejs / [Express](https://expressjs.com/) backend through secure ajax call.

- Nodejs / [Express](https://expressjs.com/) backend
- SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
- JWT token authentication
- [React](https://reactjs.org/) [Material Design](https://demos.creative-tim.com/material-kit-react?ref=appseed) 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](https://github.com/app-generator/nodejs-starter) backend
- clone, built and start the [React Material Kit](https://github.com/app-generator/react-material-kit) frontend

<br />

## [Express](https://expressjs.com/) Backend

The backend server is a simple [Express](https://expressjs.com/) / [Nodejs Starter](https://github.com/app-generator/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
```

<br />

## [React Material Kit](https://github.com/app-generator/react-material-kit)

[React](https://reactjs.org/) 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
```

<br />

## Resources

- [Nodejs / Express](https://github.com/app-generator/nodejs-starter) backend sources
- [React Material Kit](https://github.com/app-generator/react-material-kit) sources
- [React Express Material Design - Demo](https://react-express-material-kit.appseed.us/)

<br />

### What is [Express](https://expressjs.com/)

For newcomers, [Express](https://expressjs.com/) 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](https://expressjs.com/en/starter/installing.html)

<br />

### What is [React](https://reactjs.org/)

**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](https://reactjs.org/)

<br />

### [Material Kit React](https://www.creative-tim.com/product/material-kit-react)

**Material Kit React** is a Free Material-UI@4.1.0 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](https://www.creative-tim.com/product/material-kit-react)

<br />

## Support

For issues and features request, use **Github** or access the [support page](https://appseed.us/support) provided by **AppSeed**

<br />

## License
MIT @ [AppSeed](https://appseed.us)

<br />

---
[React Express - Material Design](https://appseed.us/apps/react/express/material-kit-creative-tim) provided by **AppSeed**

0 comments on commit 68bd2b4

Please sign in to comment.
You can’t perform that action at this time.