A markdown based blogging platform built using React and ExpressJS.
Key Features • How To Use • Visit • Credits • License
- 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.
You can visit here
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
Note: If you're using Linux Bash for Windows, see this guide or use node
from the command prompt.
This software uses the following open source packages:
MIT
omkarkulkarni.netlify.app · GitHub @omkark45 · LinkedIn @omkark45