Skip to content

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.

Notifications You must be signed in to change notification settings

naseeihity/blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published