/ramhub-issues

Primary LanguageTypeScript

Ramhub Issues

🐢 Logo

🌱 About Ramhub Issues

Ramhub IssuesλŠ” Github APIλ₯Ό ν™œμš©ν•˜μ—¬ facebook/react λ ˆνŒŒμ§€ν† λ¦¬μ˜ open μƒνƒœμΈ issue듀을 comment 순으둜 λΆˆλŸ¬μ™€μ„œ 보여주고, 상세 λ‚΄μš©μ„ 확인할 수 μžˆλ„λ‘ μ œκ³΅ν•΄ μ£ΌλŠ” νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.

*μ›ν‹°λ“œ ν”„λ¦¬μ˜¨λ³΄λ”© 인턴십 ν”„λ‘ νŠΈμ—”λ“œ 2μ£Όμ°¨ 과제

πŸ›« μ‹œμž‘ν•˜κΈ°

git clone https://github.com/ramrami-B/ramhub-issues.git
cd ramhub-issues
npm install
npm rum start

⚠️ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μ‹œμž‘ν•˜κΈ° μœ„ν•΄μ„œ node v18이 ν•„μš”ν•©λ‹ˆλ‹€.

πŸ”— 배포 링크

http://ramhub-issues.s3-website.ap-northeast-2.amazonaws.com/

βš’οΈ 기술 μŠ€νƒ

  • core: typescript
  • style: styled-components
  • μƒνƒœκ΄€λ¦¬: reduxjs/toolkit react-redux
  • api: octokit
  • 배포 및 CI/CD: aws s3 GitHub Actions
  • react-router-dom v6.xx
  • node v18.xx

🌲 폴더 ꡬ쑰

.
β”œβ”€β”€ pubilc/
β”‚   β”œβ”€β”€ favico.ico
β”‚   └── index.html
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ api/
β”‚   β”‚   └── octokit.ts
β”‚   β”œβ”€β”€ assets/
β”‚   β”‚   └── logo.svg
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ issue/
β”‚   β”‚   β”‚   β”œβ”€β”€ IssueDetailHead.tsx
β”‚   β”‚   β”‚   └── IssueListItem.tsx
β”‚   β”‚   └── ui/
β”‚   β”‚       β”œβ”€β”€ AdBanner.tsx
β”‚   β”‚       β”œβ”€β”€ Error.tsx
β”‚   β”‚       └── Loading.tsx
β”‚   β”œβ”€β”€ constants/
β”‚   β”‚   └── colors.ts
β”‚   β”œβ”€β”€ hooks/
β”‚   β”‚   β”œβ”€β”€ useAppDispatch.ts
β”‚   β”‚   β”œβ”€β”€ useAppSelector.ts
β”‚   β”‚   └── useIntersectionObserver.ts
β”‚   β”œβ”€β”€ layout/
β”‚   β”‚   β”œβ”€β”€ Header.tsx
β”‚   β”‚   └── PageLayout.tsx
β”‚   β”œβ”€β”€ pages/
β”‚   β”‚   β”œβ”€β”€ IssueDetailPage.tsx
β”‚   β”‚   └── IssueListPage.tsx
β”‚   β”œβ”€β”€ redux/
β”‚   β”‚   β”œβ”€β”€ issueSlice.ts
β”‚   β”‚   └── store.ts
β”‚   └── utils/
β”‚       └── dateFormatter.ts
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
β”œβ”€β”€ tsconfig.json
β”œβ”€β”€ webpack.config.js
└── README.md

ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•˜λ©΄μ„œ μž‘μ„±ν•œ κΈ€: