Map

某餃子プロジェクトの練習

======================

Features

• Listing locations of UNESCO World Heritage.
• Implemented with Google Maps.

Directories

• backend : A backend using swagger-node.
• frontend : A frontend application by React and Flux.

Usage

On your laptop (for development)

1. Start the backend application.

   cd [APP_DIR]/backend
   vi config.js # If you need to change the configuration of backend.
   npm install
   npm start

2. Start the frontend application.

   cd [APP_DIR]/frontend
   npm install
   npm start

On K5 by Fujitsu

We recommend using K5 PaaS CF by which you can easily deploy the application.

Preparation

1. Deploy following buildpacks. (CF Document)

   • Node.js buildpack for the backend application
   • Static file buildpack for the frontend application

2. Configure the CLI tool for CF. (CF Document)

Deployment

Backend application

1. Set node engine version of package.json.

   "engines": {
     "node": "6.*"
   },

2. Deploy the backend application.

   cd [APP_DIR]/backend
   vi config.js # If you need to change the configuration of backend.
   cf push [YOUR_BACKEND_APPLICATION_NAME]

Frontend application

1. Build the frontend application.

   cd [APP_DIR]/frontend
   export API_URL=[BACKEND_URL]
   npm install
   npm run build

2. Deploy the frontend application

   cd [APP_DIR]/frontend/public
   cf push [YOUR_FRONTEND_APPLICATION_NAME]

MODIFY! MODIFY! MODIFY!

Not to mention that, it's just out of a template. Better you modify, finner your application become. So let's play with it.

Version

License

MIT