☀️ LinMo Blog

A developing blog framework, based on React + TypeScript + SpringBoot

🗺 Roadmap

• Backstage UI
• Frontend UI
• API
• Login System
• Axios Encapsulation

👌 Tech Stacks

Front end

• React + TypeScript
• React Router
• Reducer
• Sass
• Axios
• Vite

Behind end

• json-servre emulate api (temporarily)
• nodejs api in Express framework (You can deploy locally or visit out deployment on vercel)

Structure

Blog/
|-- server/
|   |-- db.json      // json-server startup file
|-- src/
|   |-- apis
|   |-- assets
|   |-- components
|   |-- interface
|   |-- pages
|   |-- router
|   |-- store        // Redux States Management
|-- package.json
|-- README.md

Development

// Prepare source code
git clone https://github.com/LinMoQC/LinMoBlog.git
cd LinMoBlog

// Run front end
npm install # If failed please append `--force`
npm run dev

// Select one in two behind ends

// Run behind end: json-server
cd server
json-server --watch db.json --port 3000

// Run behind end: nodejs interface in Express framework
cd server/nodejs
nodemon app.js

😉 Preview

Login Page

Backstage Home Page

Dark Mode

Notes

TalkTalk

Gallery

Friend Links

Site Analyse

Site Management