https://github.com/spencerjibz/mernapp

THIS IS A FULLSTACK MERNAPP WITH A NODEJS-BACKEND API AND REACT FOR CLIENT.
https://github.com/spencerjibz/mernapp

express fullstack-javascript nodejs nodemailer p5js react redux

Last synced: about 7 hours ago
JSON representation

THIS IS A FULLSTACK MERNAPP WITH A NODEJS-BACKEND API AND REACT FOR CLIENT.

• Host: GitHub
• URL: https://github.com/spencerjibz/mernapp
• Owner: spencerjibz
• Created: 2019-05-11T00:42:10.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-02-14T20:14:14.000Z (9 months ago)
• Last Synced: 2024-02-14T21:30:20.364Z (9 months ago)
• Topics: express, fullstack-javascript, nodejs, nodemailer, p5js, react, redux
• Language: JavaScript
• Homepage: https://calm-garden-31265.herokuapp.com/
• Size: 5.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [MERNAPP](https://calm-garden-31265.herokuapp.com/)

THIS IS A FULLSTACK MERNAPP WITH A NODEJS-BACKEND API AND REACT FOR CLIENT.REACT IS INTEGRATED WITH P5JS,BOOTSTRAP AND JQUERY FOR THIS PROJECT.


THE APP IS A FULL IMPLEMENTATION OF THE NODE-CRUD APP([PARTIAL-MERNAPP](https://github.com/spencerjibz/PARTIAL-MERN-APP)) USING REACT FOR COMPARISON BETWEEN SERVER-SIDE RENDERD AND CLIENT-SIDE RENDERED APPS

## Requirements

- MongoDB (local/remote)

- Email account for nodemailer

- Nodejs

## Application Specs

- sends emails using nodemailer

- Uploads files to the Backend server using multer

- uses both React for client-side and Redux for statemanagement

- authentication and authorization is supported using JWT and React-router-dom middleware

- mongoose ODM for mongodb

- fs module for used to manage some files (profile page)

- os module for get platform information used to edit directorypaths specific to each platform

- A full REST API(node-backend) is used

- Media player and webcam in the abouts page

## Usage

1 .**[checkout the LiveDemo](https://calm-garden-31265.herokuapp.com/)**

2 .**For copy of the app**

- clone the repo or download zipped folder

`git clone https://github.com/spencerjibz/MERNAPP.git && cd MERNAPP && npm install && cd client && npm install`

- Edit the keys.js file in the config folder, add the mongodb uri and the email credentials

```

/config/keys.js

module.exports ={

    // enter the uri for production mongodb

 module.exports = {

    ENV:process.env.NODE_ENV||'development',

    PORT:process.env.PORT||5000,

    URL:process.env.BASE_URL||'http://localhost:5000',

    MONGODB_URI: process.env.MONGODB_URI || 'mongodb://localhost:27017/myapi',

    TOKEN_SEC:process.env.TOKEN_SEC||'secretKey',

    NODE_MAILER_EA: process.env.NODE_MAILER_EA ,

    NODE_MAILER_SERVICE:process.env.NODE_MAILER_SERVICE||'Gmail',

    NODE_MAILER_PASS: process.env.NODE_MAILER_PASS ,

    ADMIN_NAME:''//['an array of authorized users']

    /*

    ADD AS MUCH CONFIG PROPS AS YOU LIKE FProOR YOUR APP,

    */

}

```

- > > Start the App using command below and check it out at [http://localhost:3000](http://localhost:3000)

`npm start`

3.  **sign up, login and checkout all the features**