Registration Login and CRUD Action using MERN stack

เมิร์นสแต็ค | เข้าสู่ระบบ ลงทะเบียน และแอป CRUD

ตัวอย่างง่ายๆ ของการลงทะเบียนผู้ใช้ การเข้าสู่ระบบ และการดำเนินการ CRUD ด้วย backend restAPI โดยใช้ mongoDB, Nodejs(Express.js) และ mongoose การตรวจสอบสิทธิ์โดยใช้โทเค็น JWT รวมถึงการแบ่งหน้าและส่วนหน้าโดยใช้ react.js และการเรียก material-ui api ด้วย axios

โปรเจ็กต์นี้เป็นโปรเจ็กต์ Simple ReactJS ซึ่งสาธิตสิ่งต่อไปนี้

แบ็กเอนด์

• API เพื่อลงทะเบียนและเข้าสู่ระบบผู้ใช้
• API ที่ผู้ใช้เข้าสู่ระบบสามารถเพิ่ม แก้ไข และอัปเดตผลิตภัณฑ์ได้
• Pagination API เพื่อแสดงรายการผลิตภัณฑ์ที่เพิ่มของผู้ใช้ Perticular
• การรับรองความถูกต้องโทเค็น JWT
• ตัวเลือกพิมพ์ PDF เพื่อให้คุณสามารถพิมพ์หรือดาวน์โหลดรายละเอียดสินค้า

ส่วนหน้า

• การสร้าง Component ใน React และสร้าง Routing
• การใช้แบบฟอร์มโต้ตอบและวัสดุ UI ที่สร้างขึ้นเพื่อเข้าสู่ระบบผู้ใช้และสามารถลงทะเบียนผู้ใช้ใหม่ได้
• เพิ่ม แก้ไข ลบ และแบ่งหน้าผลิตภัณฑ์ นอกจากนี้ คุณสามารถค้นหาผลิตภัณฑ์ตามชื่อได้
• การโทร HTTP โดยใช้ Axios
• การเรียก API หลายส่วนด้วยการอัพโหลดรูปภาพ

ข้อกำหนดเบื้องต้น

ด้านล่างนี้ระบุสิ่งที่คุณต้องติดตั้งเพื่อรันโปรเจ็กต์นี้ในระบบของคุณ

• โหนด js
• นพีเอ็ม
• MongoDB

เพื่อตั้งค่า

โคลนหรือดาวน์โหลดที่เก็บนี้

1. cd Registration-and-Login-using-MERN-stack/backend
2. npm install
3. cd Registration-and-Login-using-MERN-stack/frontend
4. npm install

เพื่อเรียกใช้

เพื่อรันเซิร์ฟเวอร์โหนด

1. cd Registration-and-Login-using-MERN-stack/backend
2. node server.js

เพื่อเรียกใช้การโต้ตอบส่วนหน้า

1. cd Registration-and-Login-using-MERN-stack/frontend
2. npm start

อย่าลืมทิ้งดาวไว้ด้วย! -