React application with Express server

This project was bootstrapped with Create React App. Then an Express server was added in the server directory. The server is proxied via the proxy key in client/package.json.

Using this project

Clone the project, change into the directory and install the dependencies.

git clone https://github.com/baljit92/React-Express-First-App.git
cd React-Express-First-App
npm install

Create a .env file for environment variables in your server.

You can start the server on its own with the command:

cd server
npm start

Run the React application on its own with the command:

cd client
npm start

Run both applications together with the command:

npm start

The React application will run on port 3000 and the server port 5000.

Some notes

- For development mode, we can add "proxy": "http://localhost:{your API port}/" to client/package.json. For production you can setup proxying in app (Express, Nginx, ...) which will serve your static files (React app, styles, etc). Usually using "/api/" mask for determination API request.