Real combat react technology stack + Express front end and back end blog project (0) — warm up a wave

Time:2021-6-18

Project address:https://github.com/Nealyang/R…

I wanted to wait for the project to finish and then serialize a series of blogs. With the development, I did encounter many pitfalls and consulted many people. So I thought, why not record and share the harvest at the same time. Sharing is good, of course,
It would be more beautiful if we could pool our wisdom. Our slogan is:We will never fail

This blog is a serial code blog, which is updated synchronously. With the development of the project in the future, we may encounter the inappropriate places written before, and then we will go back to modify them. If there is something wrong, please don’t be stingy. thank you!

Function description

Front end section

  • [x] Article list display
  • [x] Article classification
  • [x] Login management
  • [x] Article details page display
  • [x] Article review
  • [x] Administrator article management
  • [x] Administrator label management
  • [x] Administrator comments management
  • [x] Post (support markdown syntax)

Back end section

  • [x] Mongoose database operation
  • [x] Route management
  • [x] Authentication
  • [x] Basic addition, deletion and modification
  • [x] …

Technology stack

  • [x] react
  • [x] react-redux
  • [x] react-router
  • [x] redux-saga
  • [x] babel
  • [x] webpack
  • [x] Express
  • [x] Mongodb
  • [x] Mongoose

TODO

Supplement at the end of follow-up work

Project running effect (this GIF is not played continuously, I’m tired of it)

  • load

Real combat react technology stack + Express front end and back end blog project (0) -- warm up a wave

  • Normal user login

Real combat react technology stack + Express front end and back end blog project (0) -- warm up a wave

  • Administrator login

Real combat react technology stack + Express front end and back end blog project (0) -- warm up a wave

Project implementation steps series blog

  • [x] Real combat react technology stack + Express front end and back end blog project (0) — warm up a wave
  • Real combat react technology stack + Express front end and back end blog project (1) — overall project structure construction and state tree design
  • Real combat react technology stack + Express front end and back end blog project (2) — front end react XXX, routing configuration
  • Real combat react technology stack + Express front and back end blog project (3) — back end routing, proxy, static resource hosting and other configuration instructions
  • Real combat react technology stack + Express front end and back end blog project (4) — blog home page code writing and Redux saga organization
  • Real combat react technology stack + Express front end and back end blog project (5) — front end and back end login function
  • Real combat react technology stack + Express front end and back end blog project (6) — using session to realize login free + management background permission verification
  • Actual combat react technology stack + Express front end and back end blog project (7) — front end management interface user viewing function + back end corresponding interface development
  • Actual combat react technology stack + Express front end and back end blog project (8) — front end management interface label management function + back end corresponding interface development
  • Actual combat react technology stack + Express front end and back end blog project (9) — front end management interface tag management function + back end corresponding interface development
  • Real combat react technology stack + Express front end and back end blog project (10) — front end management interface publishing function
  • [actual combat react technology stack + Express front end and back end blog project (11) — add, delete, modify and check the corresponding articles of back end interface
  • [actual combat react technology stack + Express front end and back end blog project (12) — the improvement of front end for the post part (add, delete, modify, query, pagination, etc.)
  • [actual combat react technology stack + Express front end and back end blog project (13) — front end’s improvement of the post part (add, delete, modify, query, etc.)
  • Real combat react technology stack + Express front end and back end blog project (14) — display of content details page and reading number
  • Real combat react technology stack + Express front end and back end blog project (15) — blog comment adding function and corresponding back end implementation
  • Real combat react technology stack + Express front end and back end blog project (16) — instructions for PM2
  • Actual combat react technology stack + Express front end and back end blog project (17) — end

communication

Scan code concerns my personal WeChat official account, and shares more original articles. Click exchange learning plus wechat and QQ group. Study together and make progress together

Real combat react technology stack + Express front end and back end blog project (0) -- warm up a wave


Welcome to join us

Node.js technology exchange group: 209530601

React technology stack: 398240621

Front end technology: 604953717 (New)


more

Real combat react technology stack + Express front end and back end blog project (0) -- warm up a wave

Recommended Today

Build HTTP service with C + + Mongoose

Mongoose source code address:https://github.com/cesanta/mo… Mongoose user manual:https://www.cesanta.com/devel… Mngoose set up HTTP service #include <string> #include “mongoose.h” using namespace std; static const char *s_http_port = “8000”; static void ev_handler(mg_connection *nc, int ev, void *ev_data) { struct http_message *hm = (struct http_message *) ev_data; if (ev == MG_EV_HTTP_REQUEST) { std::string uri; if (hm->uri.p && hm->uri.p[0] == ‘/’) […]