You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
935 B
Markdown
58 lines
935 B
Markdown
# Frontend - Backend
|
|
|
|
## Server Client Project
|
|
|
|
### Prerequisite
|
|
|
|
* Run cmd in administrator mode
|
|
* npm - node package manager
|
|
* Install `React` for frontend
|
|
```
|
|
$ npm install -g create-react-app
|
|
```
|
|
* Install `express` for backend
|
|
```
|
|
$ npm install -g express-generator
|
|
```
|
|
* Install `cors` ??for backend
|
|
```
|
|
$ npm install -g save cors
|
|
```
|
|
|
|
|
|
## Prepare Client (Frontend)
|
|
|
|
* run npx (node package execute) from command line
|
|
```
|
|
$ npx create-react-app frontend
|
|
```
|
|
* navigate to `frontend` folder. start
|
|
```
|
|
$ cd frontend
|
|
$ npm start
|
|
```
|
|
|
|
## Prepare Server (Backend)
|
|
|
|
* run from command line
|
|
```
|
|
$ express --view=pug backend
|
|
$ cd backend
|
|
|
|
// optional : something global install not working
|
|
$ npm install cors
|
|
|
|
// install dependencies defined in package.json
|
|
$ npm install
|
|
```
|
|
* navigate to `backend` folder. start
|
|
```
|
|
$ cd backend
|
|
$ npm start
|
|
```
|
|
|
|
### Example
|
|
|
|
1. [NUSMoney](nusmoney.md) frontend
|
|
2. [Fullstack](fullstack.md) process
|