Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Overview

Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB)

App built for DigitalOcean MongoDB Hackathon

starter-antd-admin-crud-auth-mern-crud-auth

CRM Starter Mern Antd Admin App

I build Starter Crm App based on mern stack (Express.js / MongoDb / React / Redux / AntD) with generic crud and auth , admin management .

Live App Demo : https://antd-admin.idurar.net/

username : [email protected] password : admin123

App Features :

Backend :

  • The backend is built with node.js , express.js Framework ,and MongoDb Database
  • Generic Crud Api (Create / Read / Update / Delete)
  • Admin (User) Management Api
  • Auth by Jwt json web token

Frontend :

  • The Frontend is built with React.js , Ant Design (Antd), and Redux , Redux-thunk.
  • Generic Crud Component (Module) (Create / Read / Update / Delete)
  • Admin (User) Management Module
  • Auth Component Login / Logout
  • Private Route and Public Route
  • Not Found Page
  • Beautiful UI Dashboard
You might also like...
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!

Book Collection List 💻 Demonstration of the application | Features | Technologies used | Application installation 💻 Demonstration of the application

demo with react,ant-design,redux,react-router,webpack,babel
demo with react,ant-design,redux,react-router,webpack,babel

star-initReact-example A demo with star-initReact-example ##效果截图 首页 列表页 弹框 表格组件 echart 使用技术和实现功能 webpack + React +React-router + React-redux +ES6 + an

A React + Redux + Ant-Design frontend boilerplate

react-redux-antd-starter A React + Redux + Ant-Design frontend boilerplate. React Redux Ant-Design React Router React Router Redux Redux Actions Babel

A boilerplate of SPA, built with React.js, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design...

Getting start Clone this repo: $ git clone https://github.com/jovey-zheng/react-start-kit.git Install dependenices: $ npm i Start the project: $ npm

React Redux Isomorphic Webpack 2 Boilerplate based on ant.design

React Redux Isomorphic Webpack 2 Boilerplate based on ant.design About This boilerplate has following feature: Universal React rendering Webpack 2 for

This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, router and so on.
This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, router and so on.

react-antd-redux-router-starter This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, ro

Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN
Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN

MERN Basic Indonesia Screenshot Aplikasi Dokumentasi API https://documenter.getpostman.com/view/10749611/UVXbvKqe Pengertian MERN Mongo DB Adalah suat

Create-React-App + TypeScript + Ant-Design (without Eject)
Create-React-App + TypeScript + Ant-Design (without Eject)

This project was bootstrapped with Create React App. Below you will find some information on how to perform common tasks. You can find the most recent

Mern-web3 - A simple MERN stack application using React, Express, Mongo, and Web3 based authentication using MetaMask and Ethereum
Comments
  • README for setting up the backend and database locally

    README for setting up the backend and database locally

    Hello,

    Can you provide some details on how to setup everything up for devs to work on the project as a boilerplate? there does not seem to be any documentation in the readme on setup. Specifically for the backend and database.

    Thanks.

    opened by Flinze 6
  • Craco

    Craco

    This error probably occurred because you updated react-scripts or craco. Please try updating craco-less to the latest version:

    $ yarn upgrade craco-less

    Or:

    $ npm update craco-less

    If that doesn't work, craco-less needs to be fixed to support the latest version. Please check to see if there's already an issue in the DocSpring/craco-less repo:

    • https://github.com/DocSpring/craco-less/issues?q=is%3Aissue+webpack+unknown+rule

    If not, please open an issue and we'll take a look. (Or you can send a PR!)

    You might also want to look for related issues in the craco and create-react-app repos:

    • https://github.com/sharegate/craco/issues?q=is%3Aissue+webpack+unknown+rule
    • https://github.com/facebook/create-react-app/issues?q=is%3Aissue+webpack+unknown+rule
    at throwUnexpectedConfigError (C:\Users\aec\Downloads\CMS\frontend\node_modules\@craco\craco\lib\plugin-utils.js:29:11)
    at throwError (C:\Users\aec\Downloads\CMS\frontend\node_modules\craco-less\lib\craco-less.js:14:5)       
    at C:\Users\aec\Downloads\CMS\frontend\node_modules\craco-less\lib\craco-less.js:100:9
    at Array.forEach (<anonymous>)
    at createLessRule (C:\Users\aec\Downloads\CMS\frontend\node_modules\craco-less\lib\craco-less.js:32:13)  
    at Object.overrideWebpackConfig (C:\Users\aec\Downloads\CMS\frontend\node_modules\craco-less\lib\craco-less.js:127:18)
    at overrideWebpack (C:\Users\aec\Downloads\CMS\frontend\node_modules\@craco\craco\lib\features\plugins.js:42:40)
    at C:\Users\aec\Downloads\CMS\frontend\node_modules\@craco\craco\lib\features\plugins.js:64:29
    at Array.forEach (<anonymous>)
    at applyWebpackConfigPlugins (C:\Users\aec\Downloads\CMS\frontend\node_modules\@craco\craco\lib\features\plugins.js:63:29)
    

    (Use node --trace-warnings ... to show where the warning was created) (node:11292) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
    (node:11292) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

    opened by eldorado-Coder 0
  • 同学,您这个项目引入了210个开源组件,存在1个漏洞,辛苦升级一下

    同学,您这个项目引入了210个开源组件,存在1个漏洞,辛苦升级一下

    检测到 idurar/starter-antd-admin-crud-auth-mern 一共引入了210个开源组件,存在1个漏洞

    漏洞标题:mpath module 安全漏洞
    缺陷组件:[email protected]
    漏洞编号:CVE-2021-23438
    漏洞描述:mpath module是一款使用类似MongoDB的路径表示法获取/设置javascript对象值的模块。
    mpath module 0.8.4 之前存在安全漏洞,该漏洞源于类型混淆,如果输入是数组,则调用的方法是 Array.prototype.indexOf() 而不是 String.prototype.indexOf()。
    影响范围:(∞, 0.8.4)
    最小修复版本:0.8.4
    缺陷组件引入路径:[email protected]>[email protected]>[email protected]
    

    另外还有几个漏洞,详细报告:https://mofeisec.com/jr?p=aba3f8

    opened by ghost 0
  • connection not open to send() when getPastEvents call for smart contract subscribe

    connection not open to send() when getPastEvents call for smart contract subscribe

    I am going to subscribe event from polygon mainnet token contract, but connection not open to send() error comes out ` const { contractAddress } = process.env;

    const Web3 = require('web3');

    const url = 'wss://ws-mumbai.matic.today/'; const web3 = new Web3(url);

    const options = { reconnect: { auto: true, delay: 1000, // ms maxAttempts: 1, onTimeout: false, }, address: contractAddress, topics: [ '0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef', ],

    function initSubscription() { web3.eth .subscribe('logs', options, (error, result) => { if (!error) console.log('got result'); else console.log('error - ', error); }) .on('data', (log) => { console.log('got data', log); }) .on('changed', (log) => { console.log('changed'); }); } };`

    wss url is not right?

    opened by eldorado-Coder 0
Releases(2.0.0)
Owner
Salah Eddine Lalami
Full-stack Javascript Developer (Node.js/React.js)
Salah Eddine Lalami
Example repository for integrating Ant Design with ReactPWA project. This repo demonstrates the usage & integration of Ant Design in existing ReactPWA project.

ReactPWA - PawJS & Ant Design Example repository for integrating Ant Design with ReactPWA project. This repo demonstrates the usage & integration of A

Atyantik 15 Jul 11, 2022
react redux for CMS/Enterprise class App/ERP/Admin with ant-design

Feature List hot reloading/browser-sync/redux devtools on dev build minify/chunkhash/trackJS on production build eslint both of terminal and pre-commi

Justin-lu 410 Oct 18, 2022
Boilerplate app for full-stack MERN app with Create React App client toolchain. Uses JWT for auth.

Boilerplate app for full-stack MERN app with Create React App client tool chain. Includes React, JWT authentication, Mongoose/MongoDB, Apollo Server/Client, and ExpressJS.

John Desrosiers 5 Feb 2, 2022
Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM

?? MERN Stack CRUD Application Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoos

Henok R. Bedassa 20 Dec 19, 2022
Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of components built to fit together and look amazing.

Black Dashboard React Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of c

Creative Tim 403 Dec 25, 2022
Palo-mern-boilerplate - A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly. Commands: npm install # install b

Jim 10 Oct 31, 2022
Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes.

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.

Nilanth 33 Dec 21, 2022
Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple.

Light Bootstrap Dashboard React Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top

Creative Tim 689 Jan 2, 2023
Admin One — Free React Tailwind 3.x Admin Dashboard with dark mode

Admin One — Free React Tailwind 3.x Admin Dashboard with dark mode Tailwind 3.x React with Next.js and TypeScript Tailwind 3.x React with Next.js and

JustBoil.me 52 Dec 31, 2022