bookstore cms

서점 CMS

데스크탑보기 표현

? 목차

• 프로젝트에 대해
  • ? 구축
    • 기술 스택
    • 주요 기능
  • 라이브 데모
• 시작하기
  • 설정
  • 전제 조건
  • 설치하다
  • 용법
  • 테스트를 실행하십시오
  • 전개
• 저자
• ? 미래의 기능
• ? 기여
• ️ 지원을 보여주십시오
• 감사의 말
• ❓ FAQ (선택 사항)
• 특허

[서점 CMS]

[Bookstore-CMS] 실제 응용 프로그램의 맥락에서 React 및 Redux를 사용하여 Bookstore의 단순화 된 버전을 만들기 위해 : 책 목록을 표시하고 책을 추가하고 선택한 책을 제거하십시오.

? 구축

기술 스택

• 고객
  • 반응
  • redux
  • API

주요 기능

• [응답 레이아웃]
• [UX/UI 접근성]
• [동적 데이터]

(뒤로 맨 위로)

라이브 데모

• GH 페이지의 라이브 데모

(뒤로 맨 위로)

시작하기

로컬 사본을 올리거나 실행하려면 다음을 수행하십시오.

전제 조건

이 프로젝트를 실행하려면 다음이 필요합니다.

• 선택한 브라우저.
• 당신이 선택한 텍스트 편집기.
• 로컬 시스템에 설치된 node.js

설정

이 저장소를 원하는 폴더로 복제하십시오.

• 다음 명령을 사용하십시오.

   cd your-desired-folder
  git clone [email protected]:ab-noori/bookstore-cms.git
  

설치하다

• 이 프로젝트를 다음과 같이 설치하십시오.

   npx create-react-app my-app
   cd my-app
   npm start
  

용법

• 다음 명령을 사용하여 로컬 시스템에서 실행하십시오.

   npm run build
  npm run deploy
  

테스트를 실행하십시오

• 다음 스크립트 및 스타일 테스트를 실행하십시오.

   npx eslint "**/*.{js,jsx}"
  npx eslint "**/*.{js,jsx}" --fix
  
  npx stylelint "**/*.{css,scss}"
  npx stylelint "**/*.{css,scss}" --fix
  

전개

• 1- 다음 명령으로 gh-pages 설치하십시오.

   npm i -D gh-pages
  

• 2- 프로젝트의 Jason 파일에 homepage 추가 :

   "homepage": "https://ab-noori.github.io/bookstore-cms",
  

• 3- 프로젝트의 Jason 파일에 다음 스크립트를 추가하십시오.

   "predeploy": "npm run build",
  "deploy": "gh-pages -d build "
  

• 4- 마지막으로 다음 명령을 실행합니다.

   npm run deploy
  

(뒤로 맨 위로)

저자

? 압둘 알리 노 오리

• github : @ab-noori
• 트위터 : @abdulalinoori4
• LinkedIn : Abdul-Ali-Noori

? 미래의 기능

• [페이지 추가]
• [연락처 페이지 추가]

(뒤로 맨 위로)

? 기여

기부금, 문제 및 기능 요청을 환영합니다!

문제 페이지를 확인하십시오.

(뒤로 맨 위로)

️ 지원을 보여주십시오

이 프로젝트가 마음에 들면 별을 줘.

(뒤로 맨 위로)

감사의 말

Microverse와 Coding Partners에게 감사의 말씀을 전합니다. 또한 Nerd's lesson YouTub 채널에 신용을주고 싶습니다. react tutorial 은 정말 도움이됩니다.

(뒤로 맨 위로)

❓ FAQ (선택 사항)

• 모바일 친화적 인 방법?

  • 헤더에 뷰포트 태그를 넣습니다

• 사이트를 설계하는 방법?

  • 코드를 시작하기 전에 모형을 그립니다

(뒤로 맨 위로)

특허

이 프로젝트는 MIT 라이센스가 부여되었습니다.

(뒤로 맨 위로)