adminApp

✍️ 관리자앱

adminApp은 MERN 스택 전자상거래 애플리케이션입니다(관리자 측만 해당).

⚛️ 사용된 기술 스택

• React.js
• 순풍
• 노드 및 Express.js
• 몽고DB
• Mongoose: 모든 스키마 검증 및 데이터베이스 연결용
• Day.js: 날짜 형식입니다.
• JsonwebToken: jsonwebtoken 생성용
• BcryptJs: 비밀번호 암호화용
• Dotenv: 환경 변수 사용
• Nodemon: 개발 서버에서 실행

주요 특징

• 완벽하게 반응하고 사용자 친화적입니다.
• 어둡고 밝은 모드
• 알림 영역
• 제품 추가, 업데이트 및 삭제
• 카테고리 생성, 업데이트 및 삭제
• 직원 등록, 업데이트, 삭제
• 직원 검색(이름, 이메일, 전화번호로)
• 쿠폰 생성, 업데이트, 삭제
• 제품, 카테고리, 쿠폰, 고객 가져오기 및 내보내기
• 주문 다운로드
• 다음을 기준으로 주문을 검색하고 필터링합니다.
  1. 상태(전송됨, 보류 중, 처리 중, 취소됨)
  2. 시작일 및 종료일
  3. 고객 이름 및
  4. 주문 한도
• 국제 언어 및 통화 추가, 업데이트, 삭제 및 검색
• 관리자와 매장을 제어하기 위한 설정입니다.
• 등록된 모든 고객은 총 주문을 개별적으로 나열하고 표시합니다.
• PWA를 추가했습니다.
• 제품, 카테고리, 속성, 쿠폰 등 모든 동적 데이터에 대한 동적 번역입니다.
• 제품 속성 및 조합.
• 그 밖에 필요한 모든 검증을 포함한 추가 정보

시작하기 및 설치

1. 노드와 npm 설치
2. 프로젝트 포크
3. 즐겨 사용하는 코드 편집기에서 프로젝트를 엽니다.

백엔드 설치

1. adminApp-backend 디렉터리로 이동한 후 다음 명령을 실행하여 종속 항목을 설치하시겠습니까?:

   npm install

2. MongoDB 데이터베이스를 구성하십시오. 구성한 후에는 mongo URI를 찾을 수 있습니다. 이를 .env 파일 MONGO_URI 변수에 넣으세요.

3. MongoDB에 성공적으로 연결하고 .env를 구성한 다음 npm run data:import 실행하면 Seed.js 파일이 실행되고 데이터베이스의 모든 데모 데이터를 가져옵니다. 모든 것이 정상이면 백엔드 구성이 완료된 것입니다. 이제 MongoDB 데이터베이스에서 모든 데모 데이터를 찾을 수 있습니다.

4. 이제 npm run dev 실행하면 PORT 5055 또는 입력 PORT의 로컬 서버에서 백엔드가 실행됩니다.

관리자 설치

1. adminApp-admin 디렉터리로 이동한 후 다음 명령을 실행하여 종속성을 설치하시겠습니까?:

npm install

2. 클라우드 계정을 만듭니다. 그런 다음 클라우드 이름, API_KEY 및 API_SECRET을 가져옵니다. 완료되면 이 값을 .env.local 파일의 REACT_APP_CLOUDINARY_API_KEY 및 REACT_APP_CLOUDINARY_API_SECRET 줄에 각각 복사하여 붙여넣습니다.
3. 이제 npm start 실행하면 http://localhost:4000의 로컬 서버에서 adminApp이 실행됩니다.

adminApp 방문

문제

앱을 설치하거나 사용하는 동안 문제를 발견하면 "enhancement" 태그를 사용하여 문제를 열어주세요.

참고: 기존 문제를 탐색하여 문제가 이미 존재하는지 확인하세요.

기부금

귀하의 기여 에 크게 감사드립니다 . 이 앱을 더 좋게 만들 수 있는 제안 사항이 있는 경우 다음을 수행해 주세요.

1. 저장소 포크
2. 기능 분기 만들기
3. 변경사항 커밋
4. 지점으로 푸시
5. 끌어오기 요청 열기

" 개선 " 태그가 있는 토론이나 문제를 간단히 열 수도 있습니다.

이미지 크레딧

1. 언스플래시 – https://unsplash.com
2. 펙셀스 – https://pexels.com
3. PNG윙 – https://www.pngwing.com/
4. 인스타카트 – https://instacart.ca

? 이 프로젝트가 마음에 드셨다면 추천하고 친구들과 공유해 보세요!