All Projects → Bikranshu → Express React Boilerplate

Bikranshu / Express React Boilerplate

Express, MySQL, React/Redux, NodeJs Application Boilerplate

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Projects that are alternatives of or similar to Express React Boilerplate

Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-82.12%)
Mutual labels:  eslint, axios, boilerplate, react-router
Starter Lapis
Cutting edge starter kit
Stars: ✭ 72 (-59.78%)
Mutual labels:  rest, axios, boilerplate, react-router
React Cnodejs.org
Material UI version of cnodejs.org, the biggest Node.js Chinese community.
Stars: ✭ 242 (+35.2%)
Mutual labels:  eslint, axios, material-ui, react-router
React Cool Starter
😎 🐣 A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
Stars: ✭ 1,083 (+505.03%)
Mutual labels:  axios, boilerplate, react-router
Rest Api Nodejs Mongodb
A boilerplate for REST API Development with Node.js, Express, and MongoDB
Stars: ✭ 672 (+275.42%)
Mutual labels:  rest, expressjs, boilerplate
Ghchat
📱A chat application for GitHub. React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io
Stars: ✭ 791 (+341.9%)
Mutual labels:  mysql, axios, react-router
Next Shopify Storefront
🛍 A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.
Stars: ✭ 317 (+77.09%)
Mutual labels:  eslint, expressjs, material-ui
React Express Webpack
React boilerplate with ES2015, Express.js, and Webpack 4
Stars: ✭ 84 (-53.07%)
Mutual labels:  expressjs, boilerplate, material-ui
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-63.69%)
Mutual labels:  eslint, material-ui, react-router
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-51.96%)
Mutual labels:  eslint, boilerplate, react-router
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-7.82%)
Mutual labels:  eslint, boilerplate, react-router
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+246.93%)
Mutual labels:  eslint, expressjs, boilerplate
Web
⚡️ Supercharged version of Create React App with all the bells and whistles.
Stars: ✭ 594 (+231.84%)
Mutual labels:  boilerplate, material-ui, react-router
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (-35.2%)
Mutual labels:  eslint, axios, react-router
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (-25.14%)
Mutual labels:  eslint, boilerplate, react-router
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (+97.21%)
Mutual labels:  eslint, boilerplate, react-router
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (-18.99%)
Mutual labels:  eslint, boilerplate, react-router
trivin
⚡️Setup your entire project quickly and easily with 1-line command ⚡️
Stars: ✭ 58 (-67.6%)
Mutual labels:  react-router, expressjs, axios
Create React App Material Typescript Redux
A ready to use boilerplate for starting big react projects
Stars: ✭ 257 (+43.58%)
Mutual labels:  boilerplate, material-ui, react-router
React Redux Auth0 Kit
Minimal starter boilerplate project with CRA, React, Redux, React Router and Auth0 authentication
Stars: ✭ 115 (-35.75%)
Mutual labels:  eslint, boilerplate, react-router

Express, React/Redux, MySQL Boilerplate

Get Started

1. Prerequisites

  • NodeJs
  • NPM - Node package manager
  • MySQL - Relational database management system (RDBMS)

2. Installation

On the command prompt run the following commands:

 $ git clone https://github.com/Bikranshu/express-react-boilerplate.git
 $ cd express-react-boilerplate
 $ cp .env.example .env (edit it with your secret key and database information)
 $ npm install
 $ npm run migrate

Finally, start and build the application:

$ npm run build (For development)
$ npm run build:prod (For production)

List of NPM Commands:

$ npm run lint       # linting
$ npm run clean      # remove dist and node_modules folder and install dependencies

3. Usage

URL : http://localhost:3000/

Navigate to http://localhost:3000/swagger/ for the API documentation.

4. Useful Link

  • Web framework for Node.js - Express
  • JavaScript ORM for Node.js - Bookshelf
  • SQL Query Builder for Postgres, MSSQL, MySQL, MariaDB, SQLite3, and Oracle - Knex
  • JSON Web Tokens(jwt) - jsonwebtoken
  • Logging Library - Winston
  • Object schema validation - Joi
  • API documentation using swagger-jsdoc and swagger-ui
  • JavaScript library for building user interfaces - React
  • Predictable state container - Redux
  • A React component library implementing Google's Material Design - Material-UI
  • Redux Form - Redux Form
  • Declarative routing for React - React-Router
  • Promise based HTTP client - Axios
  • Environment configuration - dotenv
  • Code linting tool - ESLint
  • Code formatter - Prettier
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].