Registration Login and CRUD Action using MERN stack

MERN 스택 | 로그인, 등록 및 CRUD 앱

mongoDB, Nodejs(Express.js) 및 mongoose를 사용하는 백엔드 RestAPI를 사용한 사용자 등록, 로그인 및 CRUD 작업의 간단한 예, JWT 토큰을 사용한 인증, 또한 React.js를 사용한 페이지 매김 및 프런트엔드 및 axios를 사용한 Material-ui API 호출입니다.

이 프로젝트는 다음을 보여주는 간단한 ReactJS 프로젝트입니다.

백엔드

• 사용자를 등록하고 로그인하는 API입니다.
• 로그인한 사용자가 해당 제품을 추가, 편집, 업데이트할 수 있는 API입니다.
• 특정 사용자가 추가한 상품 목록을 제공하는 Pagination API입니다.
• JWT 토큰 인증.
• 제품 세부 정보를 인쇄하거나 다운로드할 수 있도록 PDF 인쇄 옵션

프런트엔드

• React에서 컴포넌트를 생성하고 라우팅을 생성합니다.
• React 및 Material UI 생성 폼을 이용하여 사용자를 로그인하고 신규 사용자를 등록할 수 있습니다.
• 제품 추가, 편집, 삭제 및 페이지 매김도 가능하며 이름으로 제품을 검색할 수도 있습니다.
• Axios를 사용하여 HTTP 호출하기
• 이미지 업로드로 멀티파트 API를 호출합니다.

전제조건

아래에는 시스템에서 이 프로젝트를 실행하기 위해 설치해야 할 사항이 나와 있습니다.

• Node.js
• NPM
• 몽고DB

설정하려면

이 저장소를 복제하거나 다운로드하세요.

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

별을 남기는 것을 잊지 마세요! ?