Repository files navigation

A quick and easy Node.js +Express +React template project, using TwitterBootstrap 5.0 and React Router for creating a simple single page application.

Also available forPug.

• Clone repository.
• Open a command prompt, navigate to the folder, and enter:npm install
• Navigate to the folderclient and enter:npm install
• Next, run a build of the React client by entering:npm run build
• Launch the node server by navigating to the root folder and entering:npm start
• Browse tohttp://localhost:3000

• Navigate to the folderclient and enter:npm start

  This will run the React client app.

  You can make changes to the pages in/client/src/components and see them update live.

If you receive an error:export NODE_OPTIONS=--openssl-legacy-provider use the followingsteps:

• Linux

export NODE_OPTIONS=--openssl-legacy-provider

• Windows

set NODE_OPTIONS=--openssl-legacy-provider

• PowerShell

$env:NODE_OPTIONS = "--openssl-legacy-provider"

• client/src/index.js
• client/src/App.js
• client/src/components/Header/index.js
• client/src/components/Footer/index.js
• client/src/components/Home/index.js
• client/src/components/About/index.js
• client/src/components/Contact/index.js
• client/src/components/NotFound/index.js

Editclient/src/components/Home/index.js to add your content to the Home page. The default contents include:

classHomeextendsComponent{render(){return(<><h1>Home</h1><p>Home</p></>)}}

Kory Beckerhttp://www.primaryobjects.com/kory-becker