Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/spencerjibz/partial-mern-app
THIS IS A HYBRID APP WITH BOTH A CRUD LAYER AND A REST API FOR REACT. ITS A COMPLETE HACK INTO MERN STACK WITHOUT USING TWO DIFFERENT SERVERS (ONE FOR BACKEND AND THE OTHER FOR CLIENT). THIS APP USES BOTH EJS AND JSX
https://github.com/spencerjibz/partial-mern-app
backend crud crud-layer ejs hybrid jsx mongodb nodemailer passportjs-authentication react webpack4
Last synced: about 1 month ago
JSON representation
THIS IS A HYBRID APP WITH BOTH A CRUD LAYER AND A REST API FOR REACT. ITS A COMPLETE HACK INTO MERN STACK WITHOUT USING TWO DIFFERENT SERVERS (ONE FOR BACKEND AND THE OTHER FOR CLIENT). THIS APP USES BOTH EJS AND JSX
- Host: GitHub
- URL: https://github.com/spencerjibz/partial-mern-app
- Owner: spencerjibz
- License: mit
- Created: 2018-11-17T03:07:56.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-10-31T04:41:30.000Z (about 1 year ago)
- Last Synced: 2023-10-31T05:26:24.049Z (about 1 year ago)
- Topics: backend, crud, crud-layer, ejs, hybrid, jsx, mongodb, nodemailer, passportjs-authentication, react, webpack4
- Language: JavaScript
- Homepage: https://cryptic-beach-52190.herokuapp.com/
- Size: 5.46 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [PARTIAL MERNAPP](https://cryptic-beach-52190.herokuapp.com/)
THIS IS A HYBRID APP WITH BOTH A CRUD LAYER AND A REST API FOR REACT. ITS A COMPLETE HACK INTO MERN STACK WITHOUT USING TWO DIFFERENT SERVERS (ONE FOR BACKEND AND THE OTHER FOR CLIENT). THIS APP USES BOTH EJS AND JSX . WEBPACK IS MODULE BUNDLER USED FOR THIS PROJECT
## Requirements
- MongoDB (local/remote)
- Email account for nodemailer
- Nodejs
## Application Specs
- sends emails using nodemailer
- uses both ejs and react(jsx)
- authentication and authorization is supported using passport and express auth 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
- Hybrid App with both CRUD and an API for react client
- Media player and webcam in the projects page
## Usage
1 .**[checkout the LiveDemo](https://cryptic-beach-52190.herokuapp.com/)**
2 .**For copy of the app**
- clone the repo or download zipped folder
`git clone https://github.com/spencerjibz/PARTIAL-MERN-APP.git && cd MERNAPP && 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
prod: process.env.DBURI|| 'mongodb://:@ds024748.mlab.com:24748/myusers',
// uri for mongodb installed locally, enter the database name
home:'mongodb://localhost:27017/databasename',
// enter your mailing service for node-mailer
nodemailerService: process.env.nodemailerService||'Gmail',
// enter your email address below
EA: process.env.EA||'[email protected]',
// enter your password for nodemailer auth
pass: process.env.pass||'password',
//enter the port of your app
PORT:process.env.PORT||9000,
PGP: ['-----BEGIN PGP PUBLIC KEY BLOCK-----…']
}
```
- > > Start the App using command below and check it out at [http://localhost:9000](http://localhost:9000)
`npm start`
3. **sign up, login and checkout all the features**