StoryPosting | MERN

A MERN stack app to post a story of our life.

Demo

Deployed on Heroku (where i kept the front-end & back-end togother)

Built using

Front-end

• ReactJS - Frontend framework
• React-Redux - For state management
• Material-UI w/ lots of js styling for material library - UI library -moment -js library to manipulate dates -react-file-base64- React Component for Converting Files to base64

Back-end

• Node.js - Runtime environment for JS
• Express.js - Node.js framework, makes process of building APIs easier & faster
• MongoDB - Database to store document-based data
• Mongoose - MongoDB object modeling for Node.js
• Dotenv - To load environment variables from a .env file -body-parser- Node.js body parsing middleware -cors- package for providing a Connect/Express middleware

Features

-add or delete a post -edit a post

Usage

Env variable:

Create a config.env file in ../server/config directory and add the following:

MONGODB_URI = "Your Mongo URI"
PORT = 5000
NODE_ENV="development or production"

Client:

Open client/package.json & change "proxy" to a port that suite you in case you have changed the port in server side

cd client
npm install
npm start

Server:

Note: Make sure that you have installed 'nodemon' as global package.

cd server
npm install
npm run dev