주식 가상 매매사이트

실제 주식 거래를 학습할 수 있는 가상 투자 웹 애플리케이션입니다.
계좌 생성부터 매수·매도, 포트폴리오 관리까지 통합적으로 제공하는 풀스택 환경으로 개발되었습니다.

---

✨ Features

• 회원 가입 및 로그인
• 이메일 기반 아이디/비밀번호 찾기
• 사이트 활용 목적 안내 튜토리얼 제공
• 전일 대비 변동량 TOP3 차트 제공
• 관리자·사용자 권한 분리 게시판
• 초기 가상 자금(1,000,000원) 할당
• 주식 검색, 실시간 시세 및 과거 데이터 조회
• 주식 매수·매도 및 거래 단위 지정
• 마이페이지에서 자산 현황과 수익률 확인

---

📹 Screenshots

🔗 시연영상 바로가기

---

🛠️ Skills & Tech Stack

💻 Frontend

구분	내용
프레임워크	React
환경	Vite (번들러)
언어	JavaScript (ES6), JSX

🌐 프론트 서버 구동

cd FrontEnd
yarn          
yarn dev      

---

🖥️ Backend

구분	내용
런타임	Node.js
프레임워크	Express.js
언어	JavaScript

🌐 백엔드 서버 구동

cd BackEnd
npm install   
npm start     

---

🗄️ Database

구분	내용
DBMS	MySQL

🌐 DB 초기화

npx sequelize db:create
npx sequelize-cli db:migrate

---

👫🏻 Contributors

이름	역할
최승아	팀장 / 프론트엔드 개발
신윤석	프론트엔드 개발
고동우	백엔드 개발
한은진	백엔드 개발

---

📦 Main Packages

🖥️ Frontend Packages

---

🖥️ Backend Packages

---

📂 Directory Structure

주식 가상 매매사이트/
 ├── BackEnd/
 │   ├── bin/
 │   ├── config/
 │   ├── migrations/
 │   ├── models/
 │   ├── public/
 │   │   └── stylesheets/
 │   ├── routes/
 │   └── views/
 │
 └── FrontEnd/
     ├── public/
     ├── src/
     │   ├── assets/
     │   │   └── images/
     │   ├── components/
     │   │   ├── chart/
     │   │   └── topbar/
     │   ├── data/
     │   │   └── stocks/
     │   ├── pages/
     │   │   ├── common/
     │   │   │   ├── find/
     │   │   │   ├── login/
     │   │   │   └── signup/
     │   │   ├── manager/
     │   │   │   ├── account/
     │   │   │   └── board/
     │   │   └── user/
     │   │       ├── board/
     │   │       ├── investment/
     │   │       ├── main/
     │   │       ├── mypage/
     │   │       ├── search/
     │   │       └── stockInfo/
     └── 기타 설정 파일