Merge pull request #78 from OPGG-HACKTHON/develop

Relase 1.0.0

.babelrc

@@ -1,3 +1,13 @@
 {
-  "presets": ["next/babel"]
+  "presets": ["next/babel"],
+  "plugins": [
+    [
+      "styled-components",
+      {
+        "ssr": true,
+        "displayName": true,
+        "preprocess": false
+      }
+    ]
+  ]
 }

.eslintrc.js

@@ -1,5 +1,3 @@
-"use strict";
-
 module.exports = {
   extends: ["react-app", "prettier"],
 };

.github/CODEOWNERS

@@ -0,0 +1 @@
+*       @HTMLhead @jun094 @Sh031224

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,5 @@
+## Steps 🔍
+
+
+## Description 📝
+

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,8 @@
+## What is this PR? 🔍
+
+// #issue_name 에 의해 ~~~ 기능 완료
+
+## Major Fix 🔌
+
+
+## Minor Fix 🛠

.github/workflows/deploy-dev.yml

@@ -0,0 +1,29 @@
+name: deploy-dev
+on:
+  push:
+    branches: [develop]
+  workflow_dispatch:
+env:
+  prod_CLOUDFRONT: ${{ secrets.PROD_CLOUDFRONT }}
+  dev_CLOUDFRONT: ${{ secrets.DEV_CLOUDFRONT }}
+  NEXT_PUBLIC_SERVER_URL: ${{ secrets.SERVER_URL }}
+jobs:
+  deploy-dev:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "14.x"
+      - name: Install yarn
+        run: npm install -g yarn
+      - name: Install Packages
+        run: yarn
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          aws-access-key-id: ${{ secrets.AWS_KEY }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET }}
+          aws-region: ap-northeast-2
+      - name: Deploy Next.js app
+        run: yarn deploy:dev

.github/workflows/deploy-prod.yml

@@ -0,0 +1,29 @@
+name: deploy-prod
+on:
+  push:
+    branches: [master]
+  workflow_dispatch:
+env:
+  prod_CLOUDFRONT: ${{ secrets.PROD_CLOUDFRONT }}
+  dev_CLOUDFRONT: ${{ secrets.DEV_CLOUDFRONT }}
+  NEXT_PUBLIC_SERVER_URL: ${{ secrets.SERVER_URL }}
+jobs:
+  deploy-prod:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "14.x"
+      - name: Install yarn
+        run: npm install -g yarn
+      - name: Install Packages
+        run: yarn
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          aws-access-key-id: ${{ secrets.AWS_KEY }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET }}
+          aws-region: ap-northeast-2
+      - name: Deploy Next.js app
+        run: yarn deploy:prod

.github/workflows/pull-request.yml

@@ -0,0 +1,33 @@
+name: pull-request
+on: pull_request_target
+jobs:
+  eslint-prettier:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "14.x"
+      - name: Install yarn
+        run: npm install -g yarn
+      - name: Install Packages
+        run: yarn
+      - name: Run linters
+        uses: wearerequired/lint-action@v1
+        with:
+          eslint: true
+          prettier: true
+          eslint_args: '--max-warnings 0 "**/*.{ts,tsx}"'
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "14.x"
+      - name: Install yarn
+        run: npm install -g yarn
+      - name: Install Packages
+        run: yarn
+      - name: Testing Code
+        run: yarn test

.gitignore

@@ -1,3 +1,11 @@
+# package directories
+jspm_packages
+
+# Serverless directories
+.serverless
+.serverless_nextjs
+next.config.original*.js
+
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
@@ -26,6 +34,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
+.env
 .env.local
 .env.development.local
 .env.test.local

.prettierignore

@@ -0,0 +1 @@
+*.md

jest.config.js

@@ -1,4 +1,5 @@
 module.exports = {
   setupFilesAfterEnv: ["./jest.setup.js"],
   testEnvironment: "jsdom",
+  moduleDirectories: ["src", "node_modules"],
 };

next-i18next.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  i18n: {
+    locales: ["en", "ko"],
+    defaultLocale: "ko",
+  },
+};

next.config.js

@@ -0,0 +1,9 @@
+const { i18n } = require("./next-i18next.config");
+
+module.exports = {
+  target: "serverless",
+  images: {
+    domains: ["cdn.akamai.steamstatic.com"],
+  },
+  i18n,
+};

package.json

@@ -6,11 +6,18 @@
     "build": "next build",
     "start": "next start",
     "test": "jest",
-    "type-check": "tsc"
+    "type-check": "tsc",
+    "clear": "rm -rf .serverless && rm -rf .serverless_nextjs",
+    "deploy:dev": "yarn run clear && STAGE=dev serverless --verbose",
+    "deploy:prod": "yarn run clear && STAGE=prod serverless --verbose",
+    "lint": "eslint --max-warnings 0 \"**/*.{ts,tsx}\""
   },
   "dependencies": {
     "axios": "^0.21.1",
+    "dayjs": "^1.10.7",
+    "debounce": "^1.2.1",
     "next": "11.0.1",
+    "next-i18next": "^8.7.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "recoil": "^0.3.1",
@@ -21,6 +28,7 @@
     "@testing-library/dom": "^8.1.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
+    "@types/debounce": "^1.2.0",
     "@types/jest": "^26.0.24",
     "@types/react": "17.0.14",
     "@types/react-dom": "^17.0.9",
@@ -41,8 +49,10 @@
     "eslint-plugin-react-hooks": "^4.0.8",
     "jest": "^27.0.6",
     "jest-dom": "^4.0.0",
+    "jest-styled-components": "^7.0.5",
     "prettier": "^2.3.2",
     "react-is": "^17.0.2",
+    "serverless": "^2.55.0",
     "typescript": "4.3.5"
   }
 }

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+        <square150x150logo src="/icons/mstile-150x150.png"/>
+        <TileColor>#ffffff</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

public/locales/en/about.json

@@ -0,0 +1,14 @@
+{
+  "about_info_no_name": "No name",
+  "about_info_game_genre": "Game genre",
+  "about_info_game_date": "Release date",
+  "about_info_game_introduction": "Game introduction",
+  "about_info_button_goGame": "Go game",
+  "about_info_button_share": "Share",
+  "about_preview_title": "Preview",
+  "about_video_title": "Video",
+  "about_video_not_exist": "Video not exist yet.",
+  "about_similar_title": "Similar Tags Indie Chip",
+  "about_review_title": "Review",
+  "about_review_not_exist": "Reviews not exist yet."
+}

public/locales/en/common.json

@@ -0,0 +1,8 @@
+{
+  "common_meta_title": "Jampick, Contact with various indie games",
+  "common_meta_description": "For gamers who do not know which indie game to play, we provide contact points with more indie games so that they can enjoy their game life more.",
+  "common_page_meta_title": "{{title}} | Jampick",
+  "common_footer_meta": "MetaData Source",
+  "common_footer_term": "Terms of Use",
+  "common_footer_privacy": "Privacy Policy"
+}

public/locales/en/error.json

@@ -0,0 +1,5 @@
+{
+  "error_desc_404": "You entered an address that does not exist,\n or The address of the requested page has been changed or deleted and cannot be found.",
+  "error_desc_500": "The page could not be displayed due to a temporary server error.\nPlease try again in a few minutes.",
+  "error_button": "Home"
+}

public/locales/en/main.json

@@ -0,0 +1,28 @@
+{
+  "main_roulette_title": "Choose indie chip keywords!",
+  "main_roulette_subtitle": "Click on keywords to get a random recommended game!",
+  "main_roulette_bubble_title": "Random Game Recommender Guide",
+  "main_roulette_bubble_content": "Jampick's indie chip means an indie game.\n\nSelect up to 6 keywords at the bottom\n and get a random game recommendation.",
+  "main_roulette_game_info": "View game details",
+  "main_roulette_keyword_indie": "Indie",
+  "main_roulette_keyword_action": "Action",
+  "main_roulette_keyword_casual": "Casual",
+  "main_roulette_keyword_adventure": "Adventure",
+  "main_roulette_keyword_strategy": "Strategy",
+  "main_roulette_keyword_simulation": "Simulation",
+  "main_roulette_keyword_rpg": "RPG",
+  "main_roulette_keyword_early_access": "Early Access",
+  "main_roulette_keyword_free_to_play": "Free to Play",
+  "main_roulette_keyword_sports": "Sports",
+  "main_roulette_keyword_racing": "Racing",
+  "main_roulette_keyword_massively_multiplayer": "Massively Multiplayer",
+  "main_roulette_keyword_gore": "Gore",
+  "main_roulette_keyword_audio_production": "Audio Production",
+  "main_roulette_keyword_video_production": "Video Production",
+  "main_roulette_keyword_animation_n_modeling": "Animation & Modeling",
+  "main_carousel_title": "How about this indiechip?",
+  "main_carousel_card_tag_free": "Free",
+  "main_indi_pick_title": "Indie Chip Pick",
+  "main_view_ranking_title": "Real Time VIEW Ranking",
+  "main_carousel_this_month_title": "Indie chips Released of the Month"
+}

public/locales/ko/about.json

@@ -0,0 +1,14 @@
+{
+  "about_info_no_name": "이름 없음",
+  "about_info_game_genre": "게임 장르",
+  "about_info_game_date": "출시 날짜",
+  "about_info_game_introduction": "게임 소개",
+  "about_info_button_goGame": "게임 하러가기",
+  "about_info_button_share": "공유하기",
+  "about_preview_title": "프리뷰",
+  "about_video_title": "영상",
+  "about_video_not_exist": "영상이 아직 없습니다.",
+  "about_similar_title": "비슷한 태그 인디칩",
+  "about_review_title": "리뷰",
+  "about_review_not_exist": "리뷰가 아직 없습니다."
+}

public/locales/ko/common.json

@@ -0,0 +1,8 @@
+{
+  "common_meta_title": "다양한 인디게임과의 접점, Jampick",
+  "common_meta_description": "어떤 인디게임을 할지 모르겠는 게이머들을 위해 그들의 게임 라이프를 보다 즐겁게 영위할 수 있도록 더 다양한 인디게임과의 접점을 제공합니다.",
+  "common_page_meta_title": "{{title}} | Jampick",
+  "common_footer_meta": "메타데이터 소스",
+  "common_footer_term": "이용 약관",
+  "common_footer_privacy": "개인정보 처리방침"
+}

public/locales/ko/error.json

@@ -0,0 +1,5 @@
+{
+  "error_desc_404": "존재하지 않는 주소를 입력하셨거나,\n요청하신 페이지의 주소가 변경, 삭제되어 찾을 수 없습니다.",
+  "error_desc_500": "일시적 서버오류로 페이지를 표시할 수 없습니다.\n잠시후 다시 시도해주세요.",
+  "error_button": "홈으로 돌아가기"
+}

public/locales/ko/main.json

@@ -0,0 +1,28 @@
+{
+  "main_roulette_title": "인디칩 키워드를 골라보세요!",
+  "main_roulette_subtitle": "키워드를 클릭해서 랜덤으로 추천 게임을 받아보세요!",
+  "main_roulette_bubble_title": "랜덤 게임 추천기 안내",
+  "main_roulette_bubble_content": "잼픽의 인디칩은 인디게임을 의미합니다.\n\n하단의 키워드를 최대 6개까지 선택하여 랜덤\n으로 게임을 추천 받아보세요.",
+  "main_roulette_game_info": "게임 상세보기",
+  "main_roulette_keyword_indie": "인디",
+  "main_roulette_keyword_action": "액션",
+  "main_roulette_keyword_casual": "캐주얼",
+  "main_roulette_keyword_adventure": "어드벤처",
+  "main_roulette_keyword_strategy": "전략",
+  "main_roulette_keyword_simulation": "시뮬레이션",
+  "main_roulette_keyword_rpg": "RPG",
+  "main_roulette_keyword_early_access": "앞서 해보기",
+  "main_roulette_keyword_free_to_play": "무료",
+  "main_roulette_keyword_sports": "스포츠",
+  "main_roulette_keyword_racing": "레이싱",
+  "main_roulette_keyword_massively_multiplayer": "대규모 멀티플레이어",
+  "main_roulette_keyword_gore": "고어",
+  "main_roulette_keyword_audio_production": "오디오 제작",
+  "main_roulette_keyword_video_production": "동영상 제작",
+  "main_roulette_keyword_animation_n_modeling": "애니메이션과 모델링",
+  "main_carousel_title": "이런 인디칩 어때요?",
+  "main_carousel_card_tag_free": "무료",
+  "main_indi_pick_title": "인디칩 Pick",
+  "main_view_ranking_title": "실시간 VIEW 랭킹",
+  "main_carousel_this_month_title": "이달의 출시 인디칩"
+}

public/manifest.json

@@ -0,0 +1,19 @@
+{
+  "name": "Jampick",
+  "short_name": "Jampick",
+  "icons": [
+    {
+      "src": "/icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}