/react-blog

Blog site using node.js and reactjs - register/login with JWT, write/read blog post

Primary LanguageJavaScript

react-blog

Dev set up

  • eslint, prettier
yarn add --dev eslint
yarn run eslint --init
yarn add eslint-config-prettier
  • nodemon for automatically server restart

yarn add --dev nodemon

Add this script into package.jason

"scripts": {
      "start": "node src",
      "start:dev": "nodemon --watch src/ src/index.js"
  }

If you don't need to auto restart yarn start,
If you need auto restart yarn start:dev

  • koa-router
yarn add koa-router
  • esm to use ES Module
yarn add esm
  • Add jsconfig.json for auto recommend

Backend

  • Node.js: node v12.13.1

  • Koa framework

    //.env file

PORT=4000
MONGO_URI=mongodb://localhost:27017/blog
JWT_SECRET=

  • MongoDB with mongoose library which is based on ODM(Object Data Modelling)

    yarn add mongoose dotenv
    • Dotenv is a zero-dependency module that loads environment variables from a . env file into process. env . Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology.

  • DB name: blog

    Filed name data type desc
    title String blog post title
    body String blog post content
    tag [String] list of tag
    publishedDate Date published date

  • JWT

    yarn add jsonwebtoken

  • sanitize-html library

Frontend

  • style: styled component
  • data: redux, react-redux, redux-actions, immer redux-devtools-extension, axios redux-saga, qs
  • writing editor: Quill - https://quilljs.com/docs/quickstart/