math_magicians

math_magicians

데스크탑 뷰 표현

? 목차

• 프로젝트 소개
  • ? 다음으로 제작됨
    • 기술 스택
    • 주요 특징
  • 라이브 데모
• 시작하기
  • 설정
  • 전제조건
  • 설치하다
  • 용법
  • 테스트 실행
  • 전개
• 저자
• ? 미래 기능
• ? 기여
• ️ 당신의 지지를 보여주세요
• 감사의 말
• ❓ FAQ(선택사항)
• 특허

[ math_magicians ]

[ math_magicians ] 는 수학 팬을 위한 웹사이트입니다. React.JS 라이브러리를 사용하여 만든 단일 페이지 앱(SPA)으로 사용자가 간단한 계산을 하고 임의의 수학 관련 인용문을 읽을 수 있습니다.

? 다음으로 제작됨

기술 스택

• 고객
  • HTML
  • CSS
  • 자바스크립트
  • ReactJS
  • API

주요 특징

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

(맨 위로)

라이브 데모

• Gh 페이지의 라이브 데모
• 렌더링 라이브 데모

(맨 위로)

시작하기

로컬 복사본을 실행하려면 다음 단계를 따르세요.

전제조건

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

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

설정

이 저장소를 원하는 폴더에 복제합니다.

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

  math_magicians.git">

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

설치하다

• 다음을 사용하여 이 프로젝트를 설치합니다.

   npm react-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.oi/math_magicians",
  

• 3- 프로젝트의 jason 파일에 다음 스크립트를 추가합니다.

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

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

   npm run deploy
  

(맨 위로)

저자

? 압둘 알리 누리

• GitHub: @ab-noori
• 트위터: @AbdulAliNoori4
• 링크드인: 압둘 알리 누리

? 미래 기능

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

(맨 위로)

? 기여

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

이슈 페이지를 확인해 보세요.

(맨 위로)

️ 당신의 지지를 보여주세요

이 프로젝트가 마음에 든다면 별점을 주세요.

(맨 위로)

감사의 말

Microverse와 코딩 파트너에게 감사의 말씀을 전하고 싶습니다. 또한 Nerd's lesson 공로로 인정하고 싶습니다. react tutorial 정말 도움이 됩니다.

(맨 위로)

❓ FAQ(선택사항)

• 모바일 친화적으로 만드는 방법은 무엇입니까?

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

• 사이트를 디자인하는 방법은 무엇입니까?

  • 코딩을 시작하기 전에 모형 그리기

(맨 위로)

특허

이 프로젝트는 MIT 라이선스를 받았습니다.

(맨 위로)