Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/philnash/react-express-starter
A starter kit for React applications with a back end server all in the same project
https://github.com/philnash/react-express-starter
express expressjs react reactjs
Last synced: 5 days ago
JSON representation
A starter kit for React applications with a back end server all in the same project
- Host: GitHub
- URL: https://github.com/philnash/react-express-starter
- Owner: philnash
- License: mit
- Created: 2018-09-27T06:09:50.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-15T08:22:39.000Z (almost 2 years ago)
- Last Synced: 2024-12-09T13:05:40.863Z (13 days ago)
- Topics: express, expressjs, react, reactjs
- Language: JavaScript
- Size: 3.31 MB
- Stars: 192
- Watchers: 6
- Forks: 89
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React application with Express server
This project was bootstrapped with [Create React App](https://github.com/facebookincubator/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
1. Clone the project, change into the directory and install the dependencies.
```bash
git clone https://github.com/philnash/react-express-starter.git
cd react-express-starter
npm install
```
2. Create a `.env` file for environment variables in your server.
```bash
touch .env
```
3. Start the server
You can start the server on its own with the command:
```bash
npm run server
```
Run the React application on its own with the command:
```bash
npm start
```
Run both applications together with the command:
```bash
npm run dev
```
The React application will run on port 3000 and the server port 3001.
## React Twilio starter
The [twilio branch](https://github.com/philnash/react-express-starter/tree/twilio) is a similar setup but also provides endpoints with basic [Access Tokens](https://www.twilio.com/docs/iam/access-tokens) for [Twilio Programmable Chat](https://www.twilio.com/docs/chat) and [Twilio Programmable Video](https://www.twilio.com/docs/video). You can use the project as a base for building React chat or video applications.