Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

React βš›οΈ planner app with Node.js backend πŸ“€, dynamic API ☁️ images, and react-beautiful-dnd interface πŸ–±οΈ

Notifications You must be signed in to change notification settings

adamdon/react-itinerary-planner

Repository files navigation

react-itinerary-planner

React βš›οΈ planner app with Node.js backend πŸ“€, dynamic API ☁️ images, and react-beautiful-dnd interface πŸ–±οΈ

Installation

With the latest version of node.js and npm installed run the following commands from project root:

npm install

Usage - Local

Local Deployment To run the web application locally simply run the command "npm run dev". If there are any issues on the latest MacOS use "npm run devMac" to deal with a node.js bug on this operating system. This will use "concurrently" to start both the react client and the express backend. The URL for the backend will be automatically injected into a React Context variable with from environment variable in the .env file.

npm run dev

The front end will run on http://localhost:3000/ The backend will run on http://localhost:3001/api

Usage - Deployment

Remote deployment To deploy to a remote server the backend api and front end need to be run separately. The backend can simply run with the "npm run start" script.

npm run start

Before starting the frontend, the client server must set the URL for the backend into an environment variable called "REACT_APP_API_URL".

License

MIT

About

React βš›οΈ planner app with Node.js backend πŸ“€, dynamic API ☁️ images, and react-beautiful-dnd interface πŸ–±οΈ

Resources

Stars

Watchers

Forks

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /