megamart ecommerce

Megamart 전자 상거래 웹 사이트

My React Redux Ecommerce 웹 사이트에 오신 것을 환영합니다! 이 프로젝트는 React, Redux, Redux-Toolkit 및 기타 다양한 기술로 구축 된 풀 스택 전자 상거래 솔루션입니다. 당신이 기여하고자하는 개발자이든, 내 플랫폼에 관심이있는 비즈니스 소유자이든, 호기심 많은 사용자이든,이 readme은 내 프로젝트의 필수 세부 사항을 안내합니다.

목차

• 특징
• 사용 된 기술
• 설치
• 용법
• 기여
• 특허

특징

My React Redux Megamart Ecommerce 웹 사이트 기능 :

• 제품 카탈로그 : 다양한 범주에서 제품을 찾아보고 검색하십시오.
• 사용자 인증 : 사용자 프로필을 등록, 로그인 및 관리합니다.
• 쇼핑 카트 : 카트에서 품목을 추가 및 제거하고 수량을 업데이트하고 체크 아웃을 진행하십시오.
• 주문 관리 : 주문 기록을보고 관리하십시오.
• 관리자 패널 : 제품, 카테고리 및 주문 관리를위한 관리자 인터페이스.
• 반응 형 디자인 : 모든 장치에서 원활한 쇼핑 경험을위한 모바일 친화적 인 사용자 인터페이스.
• 결제 통합 : 주문을 완료하기 위해 보안 지불 처리.

사용 된 기술

• React : 사용자 인터페이스 구축을위한 인기있는 JavaScript 라이브러리.
• Redux : 예측 가능한 응용 프로그램 상태를위한 주 관리 도서관.
• 반응 라우터 : 응용 프로그램 내에서 내비게이션을 처리합니다. 이 반응 라우터가 사용하는 반응 (React-Router-Dom) v6.
• node.js : 응용 프로그램의 서버 측을 구축하기위한 JavaScript 런타임.
• Express.js : 편안한 API를 구축하기위한 웹 응용 프로그램 프레임 워크.
• Mongoose : Mongoose는 MongoDB의 ODM (Object Data Modeling) 라이브러리입니다.
• 스트라이프 : 안전한 거래를위한 결제 처리 통합.
• Tailwindcss : 사용자 인터페이스 스타일링.

설치

React Redux Ecommerce 웹 사이트를 시작하려면 다음을 수행하십시오.

1. git을 사용 하여이 저장소를 로컬 컴퓨터로 복제하십시오.

   git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

2. 프로젝트 디렉토리로 변경하십시오.

    cd megamart-ecommerce

3. 서버 종속성을 설치합니다. (권장 사용 원사)

   yarn install

   또는,

   npm install

4. .env 파일 또는 .env.dev to .env 를 작성하고 제공된 .env.dev 파일을 기반으로 자신의 구성을 추가하십시오.

5. 이 명령을 사용하여 개발 서버를 시작하십시오.

   yarn start

   또는

   npm start

6. 웹 브라우저에서 http://localhost:3000 에서 응용 프로그램에 액세스하십시오.

용법

• 배포 된 웹 사이트를 방문하거나 설치 지침에 설명 된대로 개발 서버를 실행하여 응용 프로그램에 액세스하십시오.
• 쇼핑을 시작하려면 계정을 등록하거나 로그인하십시오.
• 제품 카탈로그를 탐색하고 장바구니에 품목을 추가하고 주문을 완료하십시오.

관리자 인 경우 관리자 패널에 액세스하여 제품, 카테고리 및 주문을 관리하십시오.

1. 이 URL로 이동하여 관리자로 로그인하십시오

   http://localhost:3000/admin

2. 이 정보를 사용하여 관리자 계정을 로그인하십시오.

   email: [email protected]
   password: 1111

관리자로서 성공적으로 로그인하면 모든 것을 관리 할 수 ​​있습니다.

기여

이 웹 사이트를 개선 할 내용에 대한 제안이 있으면 아이디어를 공유하고 풀 요청을 작성하십시오.

특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 라이센스 조건에 따라 자유롭게 사용, 수정 및 배포하십시오.

Megamart 전자 상거래 웹 사이트를 통해 쇼핑 경험을 즐기십시오! 질문이 있거나 문제가 발생하면 문제를 만들거나 저에게 연락하십시오.

서버 사이드 코드가 여기에 있습니다.

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git