stock analysis frontend

프론트 엔드

개요

프론트 엔드는 React 및 Tailwind CSS를 사용하여 구축됩니다. 재고 정보를보기위한 사용자 인터페이스를 제공하고 편집자가 새 주식을 추가 할 수 있습니다.

특징

• 사용자 인증
• 역할 기반 컨텐츠 관리
• 반응 형 디자인
• 주식 추가 및 관리를위한 편집기 별 기능

전제 조건

• node.js

시작하기

1. 저장소를 복제하십시오

   git clone https://github.com/yourusername/stock-analysis-frontend.git
   cd stock-analysis-frontend

2. 종속성을 설치하십시오

   npm install

3. 개발 서버를 실행하십시오

   npm start

사용 가능한 스크립트

프로젝트 디렉토리에서는 다음을 실행할 수 있습니다.

• npm run dev : 개발 모드에서 앱을 실행합니다.
• npm build : 생산 앱을 구축합니다.

디렉토리 구조

 frontend/
├── src/
│   ├── components/
│   │   ├── Header.js
│   │   ├── Footer.js
│   │   └── StockForm.js
│   ├── context/
│   │   └── AuthContext.js
│   ├── pages/
│   │   └── StocksPage.js
│   ├── App.js
│   ├── index.js
│   └── ...
├── public/
├── package.json
└── tailwind.config.js

테일 윈드 CSS 설정

Tailwind CSS는 스타일링에 사용됩니다. 프로젝트에 올바르게 설정했는지 확인하십시오. 필요한 경우 공식 Tailwind CSS 설치 안내서를 따르십시오.

---

기여

기부금을 환영합니다! 개선 또는 버그 수정에 대한 문제를 열거 나 풀 요청을 제출하십시오.