A ready to customize project to make a nice webapp using Node.js (Express.js) for the backend and React with Typescript and Redux for the frontend.

Elia Lazzari

Last update: Mar 16, 2022

Overview

A nice boilerplate to start wit Node.js and React

Use this repository to build a webapp with Express.js (backend) and React+Redux (frontend).

This webapp uses RESTFULL APIs using HTTP Post messages. React app talk with the server using a Bkconnect Js file.

In this example I use Postgres for DB.

Install backend env:

```
cd ./webserver/api/
```
```
cp .env.example .env
```
```
npm install
```
```
npm install '@pm2/io'
```
To test the CSV db API you can run npm test (it use mocha)

Install frontend env:
- ```
cd ../client/
```
- ```
cp .env.example .env
```
- adapt .env file to your backend ip address (if you run all in local you can leave 'localhost')
- ```
npm install
```
- ```
npm install -g serve
```
- ```
npm run build
```
Run both applications: To run the applications you can do in different way:
1. Using PM2 server manager there is a ecosystem.config.js, run it with this command in the root of the project:
  - Install pm2 with npm i -g pm2
  - Start ecosystem with pm2 start ecosystem.config.js
2. Manually you can run both apps in this way:
  - Execute serve.sh script (it runs 'npm run start' on the backend and 'npm run serve' on the client)

Note:

The automated scripts must be executable with right permissions:

chmod +x ./install.sh
chmod +x ./serve.sh

use node -v to make shure to have the latest Node.js version.

In production mode:

Change webserver/client/.env file --> Comment Locallhost ip address and set it with your server public IP

Releases(1.0.1)

1.0.1(Nov 30, 2021)

Full Changelog: https://github.com/Elius94/Express_React_Redux_Boilerplate/compare/1.0.0...1.0.1
Source code(tar.gz)
Source code(zip)
1.0.0(Nov 29, 2021)

Full Changelog: https://github.com/Elius94/Express_React_Redux_Boilerplate/commits/1.0.0
Source code(tar.gz)
Source code(zip)

Boilerplate for building applications with a React frontend and a C++ gRPC backend

Boilerplate for building applications with a React frontend and a C++ gRPC backend. How To Run Backend Install Bazel Bazel is for building the backend

3 Oct 16, 2022

Bash-prompt-generator - Easily customize bash prompt PS1 colors, written with React

Bash prompt generator This is a web app for helping you customize the colors in

10 Nov 27, 2022

An Electron boilerplate featuring typescript, react, webpack, tailwind and redux - ready to use!

A secure, modular, and easy to use Electron Forge boilerplate featuring Typescript, React, Webpack, TailwindCSS, Redux and persistance (with redux-persist support)

43 Jan 1, 2023

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

7 Sep 21, 2022

Starter template using React on a website's frontend - without Node

Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

Mocking up web app with Vital(speed) Live Demo Features ⚡️ React 17 🦾 TypeScript, of course 🫀 Jest - unitary testing made easy 🎨 Tailwind with JIT

141 Dec 29, 2022

A ready to customize project to make a nice webapp using Node.js (Express.js) for the backend and React with Typescript and Redux for the frontend.

Related tags

Overview

A nice boilerplate to start wit Node.js and React

Note:

You might also like...

Boilerplate for building applications with a React frontend and a C++ gRPC backend

Bash-prompt-generator - Easily customize bash prompt PS1 colors, written with React

An Electron boilerplate featuring typescript, react, webpack, tailwind and redux - ready to use!

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Starter template using React on a website's frontend - without Node

A growing collection of responsive Chakra UI Templates ready to drop into your React project.

My project of personal blog using my knowledge in Node, Nest, React and Typescript

Dinos-nft-minting-dapp - A nice and easy way for linking an existing NFT smart contract to this minting dapp

Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

Releases(1.0.1)

1.0.1(Nov 30, 2021)

1.0.0(Nov 29, 2021)

Owner

Elia Lazzari

Social-media-react-express - A social media app written in TS with Express, MongoDB on the backend & with React, Redux and Redux-saga on the client

Full-stack React app built with Typescript, Bootstrap, Apollo client on the frontend, and NodeJS/Express, Typescript, Apollo server, and MongoDB/mongoose on the backend.

Boilerplate with React client and Express backend written in TypeScript. Offers performance and extended functionality. Comes with SSR and without need to learn a framework. Helps to avoid frequent React-Express integration pitfalls.

A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform

A demo repo to dockerize React Frontend(using Create React App) and Express Backend

A web application for learning about your local politicians built with a React and Next.js front-end, an Express Node.js GraphQL backend API

My Anime List : A web app which is bulit using react as a frontend and firebase as a backend

CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!

React-typescript-mini-project - Node Module Search With Typescript Reactjs and Redux

A well-structured production-ready frontend boilerplate for React and Next.js