Tailwind Resources Logo Tailwind Resources
React Blog Admin screenshot

React Blog Admin

Author Avatar Theme by Lfb
Updated: 29 Dec 2022
20 Stars

基于 React.js + Ant Design 实现的博客管理后台项目

Github

Categories

Create react app React Scss Ant design Dashboard

Overview

The React.js 博客管理后台 is a complete management dashboard built using React.js. It includes features such as login authentication, article management, category management, user management, comment management, and reply management. The project also utilizes various technologies such as React Hooks, react-redux, react-router, and react-query. The UI framework used is Ant-Design.

Features

  • Login authentication: Provides secure login authentication for users.
  • Article management: Allows users to manage articles, including creating, editing, and deleting articles.
  • Category management: Enables users to manage article categories, such as creating, editing, and deleting categories.
  • User management: Provides functionality to manage users, including creating, editing, and deleting user accounts.
  • Comment management: Allows users to manage comments on articles, including approving, deleting, and replying to comments.
  • Reply management: Enables users to manage replies to comments, including creating, editing, and deleting replies.

Installation

To install and run the React.js 博客管理后台, follow these steps:

  1. Clone the project repository from GitHub:
git clone https://github.com/lfb/nodejs-koa-blog.git
  1. Change into the project directory:
cd nodejs-koa-blog
  1. Install the dependencies using npm:
npm install
  1. Start the development server:
npm start
  1. Access the application by navigating to http://localhost:3000 in your web browser.

Please note that you may need to have Node.js installed on your machine before following these steps.

Summary

The React.js 博客管理后台 is a comprehensive management dashboard built using React.js. It offers various features for managing articles, categories, users, comments, and replies. The project leverages technologies such as React Hooks, react-redux, react-router, and react-query to provide a seamless user experience. The UI is built using the Ant-Design framework. To install and run the application, simply clone the repository, install the dependencies, and start the development server.