naseeihity / blog

A blog design with Material Design.Used React, React-Router, material-ui and Css Modules for Front-End and Express for Back-End.Deployed on Heroku.

A Material Designed Blog

Create with heroku/node-js-getting-started and Create React App.Deployed on Heroku.

Screenshot

material design and UI inspired by typography

use Prism for code highlight

Techs

front-end

• React
• React-Router
• CSS Modules
• Redux(plan to use when write Management interface)

UI-framework

• material-ui

back-end

• express
• postgresql
• sequelize(in plan)

build

• webpack

Third-party libraries

• react-jss sovle css modules problem with material-uii
• react-paginate a simple paginate component, add router support for it

locally run

// install latest nodejs and npm or yarn

// install express and other node modules for service part
yarn install or npm i
cd frontend && yarn install or npm i

// run the service
npm start

// run the client
cd frontend && npm start

Todo

• add a sideMenu
• add gobackTop button
• rewrite the paginate component to support react-router
• add a gallery page
• a simple management page(may use redux)
• save and get the articles by postgresql and sequelize
• mobile adaptation
• add test by Jest
• support search in blog