wayhooks

🌐 MERN Stack

MongoDB, Expressjs, React/Redux, Nodejs

MERN is a fullstack implementation in MongoDB, Expressjs, React/Redux, Nodejs. MERN stack is the idea of using Javascript/Node for fullstack web development.

clone & install dependencies

git clone https://github.com/Sunny-unik/wayhooks.git
npm i

project structure

LICENSE
README.md
package.json
server/
   package.json
   .env (to create .env, check [prepare your secret session])
client/
   package.json
...

Usage (run fullstack app on your machine)

Prerequisites

• MongoDB
• Node ^12.0.0
• npm

notice, you need client and server runs concurrently in different terminal session, in order to make them talk to each other

Client-side usage(PORT: 3000)

$ cd client   // go to client folder
$ npm i      // npm install packages
$ npm start // run it locally
// deployment for client app
$ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level

Server-side usage(PORT: 8000)

Prepare your secret

cd server   // go to server folder
npm i       // npm install packages
node index // run it locally
npm run build // this will build the server code to es5 js codes and generate a dist file

Dependencies(tech-stacks)

Client-side	Server-side
axios: ^0.15.3	bcrypt-nodejs: ^0.0.3
react: ^16.2.0	dotenv: ^2.0.0
babel-preset-stage-1: ^6.1.18	body-parser: ^1.15.2
react-dom: ^16.2.0	express: ^4.14.0
react-redux: ^4.0.0	jwt-simple: ^0.5.1
react-router-dom: ^4.2.2	cors: ^2.8.1
redux: ^3.7.2	redux-thunk: ^2.1.0