philnash / react-express-starter Goto Github PK

A starter kit for React applications with a back end server all in the same project

License: MIT License

HTML 15.87% JavaScript 75.49% CSS 8.64%

react-express-starter's Introduction

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 package.json.

Using this project

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

git clone https://github.com/philnash/react-express-starter.git
cd react-express-starter
npm install

Create a .env file for environment variables in your server.
```
touch .env
```
Start the server

You can start the server on its own with the command:
```
npm run server
```
Run the React application on its own with the command:
```
npm start
```
Run both applications together with the command:
```
npm run dev
```
The React application will run on port 3000 and the server port 3001.

React Twilio starter

The twilio branch is a similar setup but also provides endpoints with basic Access Tokens for Twilio Programmable Chat and Twilio Programmable Video. You can use the project as a base for building React chat or video applications.

react-express-starter's People

Contributors

Stargazers

Watchers

Forkers

remiilekun wilcoxmd leroyg jstntrn j4l13n brockstonking sjhelba jvgiv roitman-g aarashfarahani yrosen herbowicz stelco brandonbailey samsonyuwono jakecinco ryangrunest gersoncardosofilho tanya-melnyk giocare anchitthakur agebing lilopeztwilio pdariusv thoughtscolors codemartin tbhatti rukshanuddin chunlmc ka65359 dami1090 chudail iliutastoica abhish002 mohammedalbilbeisi manish-giri helizakay zenoe sheppardjm munzertopu 123harshit andrew0502 mrkrosenberg carlosalber24 upkarlidder builds-trust kamurenrickc137 virgilio-flores dsmwong brian-bailey martinrangel97 carloschida synthlace soltrinox lasthyphen bpartridge83 monicatvera tonskey elkogerrits taqimustafa breddy-sms jporritt yamashita-yoshimasa devartist254 tanvirmahin24 jonathancng ahmedgmurtaza lustan3216 michael-zero adiyasa26 efeliz1 anvaron manjuprabhuv defworm cre8ivesolutions kerakis azerty1590 rudesoul dannydekr akbulatesra mikeprus becreator mal3905 carrington-115 jananibalak duketriggah vanshitsingh31 alvin132qr

react-express-starter's Issues

Not able to see React warning/errors

Hi,

Thanks for the solution. Everything works fine.

Just wanted to confirm if there is a way to keep printing the logs or console of create-react-app.

Thanks.

How would you deploy this to a server?

Especially wondering how deploying this to a server would work when webpack is involved? Can you 'build' this? If so, how? Sorry if my question is vague, I'm a beginner! Any help is much appreciated.

Thanks for your tutorial.

Deployment to netlify

Hello there!

Any idea how you would deploy this to Netlify, as can be done out-of-the-box with a normal create-react-app?

Thanks

Proxy Error: Could not proxy request

I have cloned this example and setup the project per the readme but I am getting the following error when I hit the "Submit" button.

Proxy error: Could not proxy request /api/greeting?name=Test from localhost:3000 to http://localhost:3001/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

After running "npm start dev" I get the following which indicates everything has installed and built successfully:


You can now view react-express-starter in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://10.55.0.6:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

My test machine is running Windows 10. I thought maybe it was a configuration Windows issue so I did the setup on a clean in stall of Linux Mint 19 and I am getting the exact same error. Could it be related to the versions of tools I am running? I am stuck.

npm version is 6.14.4
node version is 12.18.0

Thanks

Proxy error

Hi,
I have the next issue when I press submit with some input.

My workstation:
-Windows 10
-Node v15.0.0
-Npm 7.10.0

Do you know what could be the problem ?