View Code? Open in Web Editor NEW

This project forked from omkark45/blog-app

A beautiful blog application written in ReactJS with Chakra-UI and NodeJS, Express, MongoDB, mongoose, JWT as backend. Full support for markdown syntax and ability to save blog as draft

JavaScript 95.31% CSS 1.32% HTML 0.65% SCSS 2.72%

mern-blog-app's Introduction

Semicolon

A markdown based blogging platform built using React and ExpressJS.

Key Features • How To Use • Visit • Credits • License

Key Features

Markdown Editor - Make changes, See changes
- Instantly see what your Markdown documents look like in HTML as you create them,
Sync Scrolling
- While you type, LivePreview will automatically scroll to the current location you're editing.
GitHub Flavored Markdown.
Syntax highlighting and code support
Dark/Light mode (Under construction)
Toolbar for basic Markdown formatting.
Save your blog as a draft (Under construction)
Emoji support in preview 🎉
Share your blog on Twitter, WhatsApp and LinkedIn
Full screen mode
- Write distraction free.

Visit

You can visit here

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/OmkarK45/blog-app

# Go into the repository
$ cd backend

# Go into the repository
$ cd frontend

# Install dependencies in backend by using 
$ npm install (wait 5mins)

# Install the frontend dependencies by using 
$ yarn install (wait 5mins)

# Setup environment variables
$ In backend folder, create a file called '.env' 
$ Declare the following variables as env vars : ACCESS_TOKEN, REFRESH_TOKEN_SECRET, JWT_SECRET='some secure string'(required), DB_URI_LOCAL=mongodb://localhost/blogdb (if db doesn't exist, it'll create one.), DB_URI_ATLAS='the url from mongo cloud atlas' (optional) 

# Run the backend
$cd backend
$ npm start

# Run the frontend by setting proxy to frontend in package.json
$ add this line at line 2 in frontend/package.json >> "proxy" : "https://localhost:3001"

# Run the frontend
$cd frontend
$ yarn start