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...

Voler - The first Bootstrap 5 admin dashboard template

Voler - The first Bootstrap 5 admin dashboard template

HEAD Voler Voler is a Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5 Alpha. No jQuery dependency. Installati

Dec 28, 2022

A React Native starter template project with built-in navigation & redux toolkit.

react-native-template A React Native starter template project with built-in navigation & redux toolkit. What's included? @react-native-async-storage/a

Oct 29, 2022

Build an App using React, Redux, Node and Sequelize.

Build an App using React, Redux, Node and Sequelize.

Individual Project - Henry Pokémon Objetivos del Proyecto Construir una App utilizando React, Redux, Node y Sequelize. Afirmar y conectar los concepto

Sep 13, 2022

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr

Dec 30, 2022

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Dec 30, 2022

Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

Airframe React High Quality Dashboard / Admin / Analytics template that works great on any smartphone, tablet or desktop. Available as Open Source as

Jun 5, 2022

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Jun 5, 2022

Netflix clone app with React.js and Redux

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 9, 2022

Nextjs CRUD with React Context API and Tailwind CSS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sep 25, 2022
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
Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React Start your Development with an Innovative Admin Template for Material-UI and React. If you like the look & feel of the hottest

Creative Tim 182 Dec 28, 2022
🎉 基于 reactjs 开发的可视化项目实战【https://wuli-admin.gitee.io/react-wuli-admin/#/workspace/fullscreen】

react-visual-data 介绍 ?? 基于 reactjs 开发的可视化项目实战 亮点 大屏设计器:自由拖拽大屏 报表设计器:自适应排列布局 动态表单:schema 设计模式 vue版本尝鲜:vue版本尝鲜 issues,欢迎提交~ 调试 > git clone https://githu

Aaron,chen 93 Dec 13, 2022
👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

English | 简体中文 | Русский | Türkçe | 日本語 | Français | Português | العربية Ant Design Pro An out-of-box UI solution for enterprise applications as a Rea

Ant Design Team 33.4k Jan 1, 2023
MERN app demonstrating basic CRUD operations .

Souvenir Website : https://mjsouvenir.netlify.app/ This is a full stack application made using MERN concepts Used MongoDB atlas for database and redux

null 1 Dec 18, 2021
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit CRUD example with React Hooks, Axios & Web API Build Redux-Toolkit CRUD application with React Hooks and Rest API calls in that: Each it

null 69 Dec 27, 2022
🐥 A very simple way to transform antd table to xlsx

antd-table-2-xlsx antd-table-2-xlsx A very simple way to transform antd table to xlsx . Get Start! Install pnpm add @sudongyuer/antd-table-2-xlsx Usa

Frozen FIsh 18 Aug 15, 2022
A Higher Order Component using react-redux to keep form state in a Redux store

redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux

Redux Form 12.6k Jan 3, 2023
Redux-todos - simple react, redux todos

Redux Todos Please star this repo if you like ⭐ It's motivates me a lot! Getting Started This project was bootstrapped with Create React App. Stack Av

Ruslan Shvetsov 2 Jul 29, 2022
An Admin Panel developed for simplifying the process of CRUD operations in the database.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Chetan Thakral 6 Dec 15, 2022
React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in

A comprehensive starter kit for rapid application development using React. Why Slingshot? One command to get started - Type npm start to start develop

Cory House 9.8k Dec 22, 2022