🏆 SSAFY 특화프로젝트 우수상

🏆 SSAFY UCC 경진대회 전국 2위

🏆 2023 미래산업 인재육성 컨퍼런스 VALUE UP 프로젝트 공모전 금상

123123

💖 logo_2_1 NFT 헌혈증서 플랫폼 💖

💕지금 체험하기!

💕 HERE 소개

🎥 소개 영상 보기 : UCC 링크

💕 실행 (포팅매뉴얼)

💕 프로젝트 일정

📅 2023年02月20日(월) ~ 2023年04月07日(금) (7주)

💕 HERE 기획배경

헌혈증이란?

용도

기존 ‘종이’ 헌혈증의 문제

왜 NFT 헌혈증인가?

🎁 기대효과

💕 HERE 기능

1. 제출해요

2. 나의 NFT

3. 기부해요

4. 헌혈해요

5. 알림

💕 개발 환경

🤖 프론트엔드

🍭 백엔드

🕶 블록체인

🚋 인프라

💕 사용 기술

아키텍처

MSA ⇒ 모놀리틱 방식의 한계점을 보완 및 해결하기 위해 MSA 방식 도입

SSE

Smart Contract ⇒ 블록체인 개발 환경 구축

자동배포

SSR ⇒ 빈 화면 노출을 막아 사용자 경험을 향상시킴 (Next.js)

반응형 웹 디자인 ⇒ 데스크톱에서도 모바일에서도 편안하게 사용 가능

로그 관리 ⇒ MM에 에러 로그를 기록하여 프론트 ↔ 백 소통 원활화

💕 산출물

와이어프레임

Web

Mobile

ERD

기능명세서

API명세서

📁 프로젝트 구조

❤ Backend

HERE-Auth, Board, NFT, Notification

📦here
 ┣ 📂src
 ┃ ┣ 📂main
 ┃ ┃ ┣ 📂java
 ┃ ┃ ┃ ┗ 📂com
 ┃ ┃ ┃ ┃ ┗ 📂ssafy
 ┃ ┃ ┃ ┃ ┃ ┗ 📂hereboard
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂config
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂{HERE-name}
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂common
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂enumeration
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂response
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂errorhandling
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂resolver
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂mattermost
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂util
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📜HereBoardApplication.java
 ┃ ┃ ┗ 📂resources
 ┃ ┃ ┃ ┣ 📜application-dev.yml
 ┃ ┃ ┃ ┣ 📜application-local.yml
 ┃ ┃ ┃ ┗ 📜application.yml
 ┣ 📜.gitignore
 ┣ 📜build.gradle
 ┣ 📜Dockerfile
 ┣ 📜gradlew
 ┣ 📜gradlew.bat
 ┗ 📜settings.gradle

❤ Frontend

📦here-front
 ┣ 📂public
 ┃ ┣ 📂banners
 ┃ ┣ 📂favicon
 ┃ ┣ 📂icons
 ┃ ┣ 📂images
 ┃ ┣ 📂lottieJson
 ┃ ┣ 📂mainBanner
 ┃ ┣ 📂mainItems
 ┃ ┣ 📂signup
 ┃ ┣ 📂stamp
 ┃ ┣ 📂test
 ┣ 📂src
 ┃ ┣ 📂apis
 ┃ ┃ ┣ 📂alarm
 ┃ ┃ ┣ 📂blockchain
 ┃ ┃ ┣ 📂blood
 ┃ ┃ ┣ 📂donate
 ┃ ┃ ┣ 📂member
 ┃ ┃ ┣ 📂my-nft
 ┃ ┃ ┣ 📂organization
 ┃ ┃ ┣ 📂redcross
 ┃ ┃ ┣ 📂register
 ┃ ┃ ┗ 📂submit
 ┃ ┣ 📂assets
 ┃ ┃ ┗ 📂fonts
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂Alarm
 ┃ ┃ ┣ 📂Background
 ┃ ┃ ┣ 📂Banner
 ┃ ┃ ┣ 📂Bar
 ┃ ┃ ┣ 📂Button
 ┃ ┃ ┣ 📂Card
 ┃ ┃ ┣ 📂Footer
 ┃ ┃ ┣ 📂Header
 ┃ ┃ ┣ 📂MemberCard
 ┃ ┃ ┣ 📂Pagination
 ┃ ┃ ┣ 📂Register
 ┃ ┃ ┗ 📂Tag
 ┃ ┣ 📂constants
 ┃ ┣ 📂enum
 ┃ ┣ 📂features
 ┃ ┃ ┣ 📂Alarm
 ┃ ┃ ┣ 📂Blood
 ┃ ┃ ┣ 📂Donate
 ┃ ┃ ┣ 📂Home
 ┃ ┃ ┣ 📂MyNFT
 ┃ ┃ ┣ 📂Organization
 ┃ ┃ ┣ 📂RedCross
 ┃ ┃ ┗ 📂Submit
 ┃ ┣ 📂hooks
 ┃ ┃ ┣ 📂organization
 ┃ ┃ ┗ 📂redcross
 ┃ ┣ 📂pages
 ┃ ┃ ┣ 📂blood
 ┃ ┃ ┣ 📂donate
 ┃ ┃ ┣ 📂member
 ┃ ┃ ┣ 📂my-nft
 ┃ ┃ ┣ 📂organization
 ┃ ┃ ┣ 📂redcross
 ┃ ┃ ┣ 📂register
 ┃ ┃ ┣ 📂submit
 ┃ ┣ 📂stores
 ┃ ┃ ┣ 📂alarm
 ┃ ┃ ┣ 📂donate
 ┃ ┃ ┣ 📂header
 ┃ ┃ ┣ 📂member
 ┃ ┃ ┣ 📂myNFT
 ┃ ┃ ┣ 📂organization
 ┃ ┃ ┣ 📂submit
 ┃ ┃ ┗ 📜store.ts
 ┃ ┣ 📂types
 ┃ ┣ 📂utils
 ┃ ┗ 📜index.css
 ┣ 📜.eslintrc.json
 ┣ 📜.gitignore
 ┣ 📜.prettierrc.json
 ┣ 📜ca.crt
 ┣ 📜ca.key
 ┣ 📜cert.crt
 ┣ 📜cert.key
 ┣ 📜Dockerfile
 ┣ 📜Jenkinsfile
 ┣ 📜next.config.js
 ┣ 📜package-lock.json
 ┣ 📜package.json
 ┣ 📜postcss.config.js
 ┣ 📜README.md
 ┣ 📜server.js
 ┣ 📜tailwind.config.js
 ┣ 📜tsconfig.json
 ┗ 📜withTwin.js

❤ BlockChain

📦here-blockchain
 ┣ 📂build
 ┃ ┗ 📂contracts
 ┣ 📂contracts
 ┃ ┣ 📂access
 ┃ ┣ 📂token
 ┃ ┃ ┣ 📂ERC20
 ┃ ┃ ┃ ┣ 📂extensions
 ┃ ┃ ┃ ┃ ┗ 📜IERC20Metadata.sol
 ┃ ┃ ┃ ┣ 📜ERC20.sol
 ┃ ┃ ┃ ┣ 📜IERC20.sol
 ┃ ┃ ┃ ┗ 📜README.adoc
 ┃ ┃ ┗ 📂ERC721
 ┃ ┃ ┃ ┣ 📂extensions
 ┃ ┃ ┃ ┃ ┣ 📜ERC721Enumerable.sol
 ┃ ┃ ┃ ┃ ┣ 📜IERC721Enumerable.sol
 ┃ ┃ ┃ ┃ ┗ 📜IERC721Metadata.sol
 ┃ ┃ ┃ ┣ 📜ERC721.sol
 ┃ ┃ ┃ ┣ 📜IERC721.sol
 ┃ ┃ ┃ ┣ 📜IERC721Receiver.sol
 ┃ ┃ ┃ ┗ 📜README.adoc
 ┃ ┣ 📂utils
 ┃ ┃ ┣ 📂introspection
 ┃ ┃ ┃ ┣ 📜ERC165.sol
 ┃ ┃ ┃ ┗ 📜IERC165.sol
 ┃ ┃ ┣ 📂math
 ┃ ┃ ┃ ┗ 📜SafeMath.sol
 ┃ ┃ ┣ 📜Address.sol
 ┃ ┃ ┣ 📜Context.sol
 ┃ ┃ ┣ 📜Counters.sol
 ┃ ┃ ┗ 📜Strings.sol
 ┃ ┣ 📜HereNFT.sol
 ┃ ┣ 📜Migrations.sol
 ┃ ┣ 📜SaleFactory.sol
 ┃ ┗ 📜SsafyToken.sol
 ┣ 📂migrations
 ┃ ┗ 📜1_initial_migration.js
 ┣ 📂test
 ┣ 📜.gitignore
 ┣ 📜package-lock.json
 ┣ 📜package.json
 ┣ 📜README.md
 ┗ 📜truffle-config.js

💕 협업 환경

💕 화면 구성

메인 페이지

나의 NFT

헌혈증서

제출해요

병원제출

알림

기부해요

헌혈해요

💕 팀 소개

💕 소감