DEV Community

loading...
Cover image for Mern App ( Node.js / React / Redux / Ant Design ) Crud & Auth

Mern App ( Node.js / React / Redux / Ant Design ) Crud & Auth

Salah Eddine Lalami
Full-stack Node.js / React.js Engineer & UI/UX Designer
・1 min read

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

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

Discussion (14)

Collapse
yossefmohamed profile image
YossefMohamed

Great work Salah!!

But unfortanlly the login credentials doesn't work.

Collapse
lalami profile image
Salah Eddine Lalami Author

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

Collapse
yossefmohamed profile image
YossefMohamed

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

Collapse
ngquoctrong profile image
Peter Nguyễn

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

Thread Thread
lalami profile image
Salah Eddine Lalami Author

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

Thread Thread
ngquoctrong profile image
Peter Nguyễn • Edited

Thanks Salah,
It works great, nice design

Collapse
webdev710 profile image
webdev-710

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

Collapse
lalami profile image
Salah Eddine Lalami Author

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

Collapse
lufy3qvietnam profile image
Vu Duong

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

Collapse
ats1999 profile image
Rahul kumar

This is not responsive.

Collapse
lalami profile image
Salah Eddine Lalami Author

@ats1999 it will be included soon , keep watching on github for new features

Collapse
abdodeve profile image
Abdelhadi Habchi

Thank you ❤️

Collapse
esealli profile image
Ese

Great Work Salah

When i log in, it logs me out immediately

Collapse
lalami profile image
Salah Eddine Lalami Author

Hi Ece ,

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