Materialize_blog

screenshot of Materialize_blog
express
react
material-ui

Materialize_blog

Blog system based on React.js & Material-UI

Overview

The React.js & Material UI based Blog system is a project that was started during the developer's senior year of high school and is still a work in progress. The system is built using React.js and React Router, and hosted on Github Pages. The content of the blog is loaded from Github using Ajax. The developer plans to add an admin panel and make the system more beginner friendly with useful scripts.

Features

  • Single page application built using React.js & React Router
  • Content loaded from Github using Ajax
  • Material UI for a modern and clean design
  • Lightweight Node.js + MongoDB server
  • Contact information (WeChat, Telegram, Email, Facebook) provided for further inquiries
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.