Skip to content

Latest commit

 

History

History
223 lines (173 loc) · 8.08 KB

README.md

File metadata and controls

223 lines (173 loc) · 8.08 KB

🐈 1팀 프로젝트 🫶🏻

   _        ______                                  
 /' \      /\__  _\                                 
/\_, \     \/_/\ \/     __      __       ___ ___    
\/_/\ \       \ \ \   /'__`\  /'__`\   /' __` __`\  
   \ \ \       \ \ \ /\  __/ /\ \L\.\_ /\ \/\ \/\ \ 
    \ \_\       \ \_\\ \____\\ \__/.\_\\ \_\ \_\ \_\
     \/_/        \/_/ \/____/ \/__/\/_/ \/_/\/_/\/_/
/**
*                🍄 1 TEAM PROJECT
*            🛠️ View My Startup Service
*            ⏰ 2024.12.12 ~ 2025.01.08
**/

💻 View My Startup 바로가기 👉🏻 Click

목차

Team Members

이름 개인 개발 보고서
구은모 노션 링크 바로가기
김세환 노션 링크 바로가기
김주영 노션 링크 바로가기
김희주 노션 링크 바로가기
조형민 노션 링크 바로가기

Project Information

스타트업 정보 확인 및 모의 투자 서비스

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

기술 스택

Frontend Backend Database 협업툴
- JavaScript
- React.js
- scss
- Netlify(배포)
- Express.js
- Node.js
- JavaScript
- Render(배포)
- postgreSQL
- prisma(ORM)
- Git & Github
- Discord
- Notion

팀원별 구현 기능 상세


🍄 구은모

기업 상세 정보 조회

  1. 프론트엔드
    1. 검색창 및 데이터 전송
    2. 정렬 버튼(custom dropdown)
    3. 페이지네이션
  2. 백엔드
    1. 기업 전체 목록 조회 API
      1. 검색 키워드, 정렬, 페이징

🍄 김세환

공통 모듈

  1. 페이지네이션
  2. 정렬 버튼(custom dropdown)
  3. [팝업 모달]기업에 투자하기(생성, 수정, 삭제)
    1. 프론트엔드
      1. form - validation
        1. 생성/수정 모드
    2. 백엔드
      1. 특정 기업에 투자 생성 API
      2. 투자 수정 API
      3. 투자 삭제 API

🍄 김주영

기업 상세 정보 조회

  1. 프론트엔드
    1. [팝업 모달]기업에 투자하기
    2. View My Startup에서 받은 투자 목록
      1. 수정/삭제 버튼(custom dropdown)
        1. 수정: [팝업 모달]기업에 투자하기
        2. 삭제: [팝업 모달]삭제 권한(비밀번호) 확인
          1. [팝업 모달]삭제 실패
      2. 페이지네이션
  2. 백엔드
    1. 기업 정보 조회 API
      1. 해당 기업 투자 현황 조회 연결

🍄 김희주

비교현황

  1. 프론트엔드
    1. 정렬 버튼(custom dropdown)
    2. 페이지네이션
  2. 백엔드
    1. 기업 선택 횟수를 반영한 기업 목록 조회 API
      1. 정렬, 페이징

🍄 조형민

나의 기업 비교 바로가기

  1. 프론트엔드
    1. [팝업 모달] 나의 기업 선택하기
      1. 검색창 및 데이터 전송
      2. 기업 선택 횟수 누적
      3. 페이지네이션
    2. [팝업 모달] 비교 기업 선택하기(복수)
      1. 검색창 및 데이터 전송
      2. 기업 선택 횟수 누적
      3. 페이지네이션
    3. [팝업 모달]기업에 투자하기
    4. 정렬 버튼(custom dropdown)
  2. 백엔드
    1. 최근 선택 기업 목록 조회 API
    2. 전체 기업 목록 조회 API
      1. 검색, 페이징
    3. 기업 선택 횟수 누적 저장 API
    4. 비교 대상 기업들과의 비교 결과 조회 API
      1. 정렬
    5. 나의 기업과 근접한 순위의 기업 목록 조회 API
      1. 정렬

파일 구조

🍄 프론트엔드 폴더 구조

 📦 ViewMyStartup-FE
 ┣ 📂 public
 ┃  ┣ 📜 favicon.ico
 ┃  ┣ 📜 index.html
 ┃  ┗ 📜 reset.css
 ┣ 📂 src
 ┃  ┣ 📂 api
 ┃  ┣ 📂 assets
 ┃  ┣ 📂 components  
 ┃  ┣ 📂 db
 ┃  ┣ 📂 hooks
 ┃  ┣ 📂 pages
 ┃  ┣ 📂 utils
 ┃  ┣ 📜 App.js
 ┃  ┣ 📜 index.js 
 ┃  ┗ 📜 index.css
 ┣ 📜 .eslintrc.js
 ┣ 📜 .gitignore
 ┣ 📜 .zshrc 
 ┣ 📜 package-lock.json
 ┣ 📜 package.json
 ┗ 📜 README.md

🍄 백엔드 폴더 구조

📦 ViewMyStartup-BE
 ┣ 📂 node_modules
 ┣ 📂 prisma 
 ┣ 📂 src
 ┃  ┣ 📂 controllers
 ┃  ┃  ┣ 📜 asyncHandler.js
 ┃  ┃  ┣ 📜 convertToBigIntFromObjArray.js
 ┃  ┃  ┗ 📜 convertToBigIntFromObject.js
 ┃  ┣ 📂 data
 ┃  ┣ 📂 http
 ┃  ┗ 📂 routes
 ┃     ┗ 📜 ...endpoint files
 ┣ 📜 .env
 ┣ 📜 .gitignore
 ┣ 📜 package-lock.json
 ┣ 📜 package.json
 ┣ 📜 server.js
 ┣ 📜 structs.js
 ┗ 📜 README.md

구현 홈페이지

💻 View My Startup 바로가기 👉🏻 Click

프로젝트 회고록