Salah Eddine Lalami for IDURAR AI , Inc | Where Ai Build Software

Posted on Jul 20, 2021 Edited on Jun 6

Best NodeJs React Js Redux Project on Github

#javascript #react #redux #node

1- IDURAR ERP/CRM

IDURAR is Open Source ERP/CRM (Invoice / Inventory / Accounting / HR) Based on Mern Stack (Node.js / Express.js / MongoDb / React.js ) with Ant Design (AntD) and Redux
GitHub Repository : https://github.com/salahlalami/idurar-erp-crm

Starter Antd Admin (Crud & auth) App based on Mern Stack

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-yle2f.ondigitalocean.app
username : admin@demo.com password : admin123

Github Repo : https://github.com/idurar/starter-antd-admin-crud-auth-mern

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

Deployment :

Database : Digitalocean Managed MongoDb

Node.js App : Digitalocean App Platform

React.js App : Digitalocean JamStack Platform

App Built on top of this Starter project IDURAR ERP/CRM

Top comments (21)

FazzFeed.com • Oct 14 '21 • Edited

Hi Salah,
When I run this command line: npm start. It has an error like the attached image.

starter-crud-auth-api-express@1.0.0 start
node ./server.js

Assertion failed: You must provide either mongoUrl|clientPromise|client in options
E:\Study\NodeJS\starter-antd-admin-crud-auth-mern\backend\node_modules\connect-mongo\build\main\lib\MongoStore.js:119
throw new Error('Cannot init client. Please provide correct options');
^

Error: Cannot init client. Please provide correct options
at new MongoStore (E:\Study\NodeJS\starter-antd-admin-crud-auth-mern\backend\node_modules\connect-mongo\build\main\lib\MongoStore.js:119:19)
at Function.create (E:\Study\NodeJS\starter-antd-admin-crud-auth-mern\backend\node_modules\connect-mongo\build\main\lib\MongoStore.js:136:16)
at Object. (E:\Study\NodeJS\starter-antd-admin-crud-auth-mern\backend\app.js:35:23)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object. (E:\Study\NodeJS\starter-antd-admin-crud-auth-mern\backend\server.js:37:13)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Function.executeUserEntryPoint as runMain
at node:internal/main/run_main_module:17:47

Please help me to support.
Thank you.

Salah Eddine Lalami IDURAR AI , Inc | Where Ai Build Software • Jan 10 '22

1 ) just create MongoDB Atlas accout database url
2) change this file name .variables.env.tmp to .variables.env
3) open .variables.env and paste your MongoDB url here : DATABASE=your-mongodb-url

YossefMohamed • Jul 20 '21

Great work Salah!!

But unfortanlly the login credentials doesn't work.

Salah Eddine Lalami IDURAR AI , Inc | Where Ai Build Software • Jul 20 '21

Thanks Youcef,
Check now it work with any credentials, i fix the issue (I add new demo login controller )in routes/authApi.js

YossefMohamed • Jul 20 '21

Nice UI salah and nice design 👍
But the only missing thing is the responsivety

Peter Nguyễn • Jul 21 '21

Hi Salah,
Greate work,
but when i login to portal, it redirect me again to login page with Request error 401

Salah Eddine Lalami IDURAR AI , Inc | Where Ai Build Software • Jul 21 '21

issue is fixed , thanks for report , you can try now

Peter Nguyễn • Jul 22 '21 • Edited

Thanks Salah,
It works great, nice design

zababurinph • Nov 19 '21

Hi Salah,
I'm a beginner in programming on JS, React, etc. Can you help me and explain, how can I start this project on my PC?
I have cloned the repository from GitHub, but when I use "npm start", I get a lot of mistakes. I understand, that I need to change some files, but I don't understand, which files and how.

Please help me to support.
Thank you.

webdev-710 • Jul 20 '21

Great! Salah
I tried to learn React(I am already vue lover, but React dominates job platforms) but it is not as easy to learn as Vue.

I will kickstart building React apps using your CRUD app.

Thanks

Salah Eddine Lalami IDURAR AI , Inc | Where Ai Build Software • Jul 20 '21

Thank you, don't forget please to star repo : github.com/idurar/starter-antd-adm...

Vu Duong • Jul 20 '21

Great!!, I used this combo in every web hackathon.

Mitu Barua • Feb 13 '22

Hi @salah Eddine Lalami Can you please help me running idurar/erp-crm ?
I have done everyhitng with the settings but unfortunately it ends up with localhost:3000/login BLANK Screen. Please guide me with this.

Azeem • Jan 27 '22

Hi Salah,
I'm new to MERN Stack and I want create/modify the data schema we have, for example I want to change the data value in clientSchema from company to customers. I tried to do that and then changed the data index in Customers.jsx and CustomerForm.jsx. When I try to submit the form, It says Required fields are not supplied. Can you please help me out with it?