README.md

View My Startup

불사조

팀 노션: https://www.notion.so/257055487fec81ad9458f8c6849b2f6e?v=257055487fec81818b38000c2e3c88e2&source=copy_link

팀원 구성

• 황채원
• 홍명주
• 최송이
• 김연만
• 곽민준

프로젝트 소개

• 스타트업 정보 확인 및 모의 투자 서비스
• 최근에는 벤처 캐피탈에 비해 개인 투자자들의 스타트업에 대한 관심이 증가하고 있습니다. 하지만 스타트업에 관한 정보 접근성에는 여전히 큰 격차가 존재합니다. 이러한 상황을 개선하기 위해, 개인 투자자들이 스타트업을 선택하여 그들의 누적 투자 금액, 매출액 등을 확인하고 비교할 수 있는 모의 투자 서비스를 제작합니다.

기간

2025.08.26~2025.09.12

기술 스택

• Frontend: JavaScript, React.js, scss
• Backend: Express.js, PrismaORM
• Database: PostgreSQL
• 공통 Tool: Git & Github, Discord, Notion

팀원별 구현 기능 상세

황채원

• DB 스키마 마이그레이션
• 투자 API 기능(투자 현황 조회, 투자 댓글 CRUD)
• 로그인/회원가입 API 기능
• 스웨거 문서 작성 및 오류 해결

홍명주

• 나의 기업 비교하기 페이지 개발
• 기업 선택 모달 개발
• 공용 DropDown, Pagenation Controller 컴포넌트 개발

최송이

• 비교 현황 및 투자 현황 페이지 개발
• 반응형 디자인
• 공용 SerchBar 및 Header 개발
• 기업 리스트 및 기업 상세 페이지 개발

김연만

• ERD 분석 및 설계
• 기업 API 기능

곽민준

• 기업 리스트 페이지 및 기업 상세 페이지
• 투자하기 모달

파일 구조 (요약)

• 프론트

 ```
src/
├─ assets/            // 이미지, 폰트 등 정적 리소스
├─ components/        // 공통 UI 컴포넌트
│  ├─ Layout/         // 레이아웃 관련 컴포넌트
│  │  └─ index.jsx + Layout.module.css
│  ├─ Button/         // 버튼 관련 컴포넌트
│  │  └─ 여러 버튼 컴포넌트 + Button.module.css
│  └─ ...             // 기타 재사용 가능한 컴포넌트
│
├─ pages/             // 페이지 단위 컴포넌트
│  ├─ Home/
│  │  └─ index.jsx + Home.module.css
│  ├─ Login/
│  ├─ CompanyDetail/
│  └─ ...             // 추가 페이지
│
├─ hooks/             // 커스텀 훅
├─ utils/             // 공통 유틸 함수
├─ api/               // API 호출 및 서비스 함수
├─ styles/            // 글로벌 CSS
│  └─ global.css
├─ main.jsx           // 엔트리 포인트
└─ App.jsx            // 루트 컴포넌트
``` 

• 백엔드

 ```
src/
├─ config/                 
│  ├─ env.js               # 환경변수
│  └─ prisma.js            # PrismaClient
├─ services/               # 비즈니스 로직
│  ├─ userService.js
│  ├─ corpService.js
│  └─ investmentService.js
├─ controllers/            # API 요청/응답 처리
│  ├─ userController.js
│  ├─ corpController.js
│  └─ investmentController.js
├─ routes/                 # 라우트 정의
│  ├─ userRoutes.js
│  ├─ corpRoutes.js
│  └─ investmentRoutes.js
├─ middlewares/            # 보안/에러 처리
│  ├─ auth.js
│  ├─ asyncHandler.js
│  ├─ securityMiddleware.js # helmet, rate limit
│  └─ errorHandler.js
├─ validations/            # superstruct 요청 검증
│  ├─ userValidation.js
│  └─ corpValidation.js
├─ swagger/                # swagger 문서 작성
│  └─ swagger.js
└─ app.js                  # Express 앱 초기화
``` 

구현 홈페이지

• 프론트: https://8-view-my-startup-4-fe.vercel.app/
• 백엔드: https://eight-viewmystartup-4-be.onrender.com/api-docs/

프로젝트 회고록 / 참고 레포

• 프론트 레포: https://github.com/chaewon127/8--ViewMyStartup-4--BE
• 회고록: 4팀_ViewMyStartup_발표자료.pdf 참고