<aside>
🏆 SSAFY 특화 프로젝트 우수 프로젝트 선정 (광주 2반 2위)
</aside>
📌 프로젝트 소개
✔️ 프로젝트 개요
사용자들은 API 사용 시 자신에게 적합한 API를 찾기 위해 여러 사이트를 일일이 방문하며 많은 시간을 소모합니다.
또한, API 사용에 따른 비용 청구가 항상 정확한 지에 대한 의문을 가질 수 있습니다.
이러한 불편함과 불확실성을 해소하기 위해, 블록 체인을 활용하여 요금을 투명하게 관리하는 Open API 통합 중개 서비스를 개발하였습니다.
프로젝트 기간 / 인원
2023.08.21 ~ 2023.10.06 (6주), 6명
개발환경
Front-end |
React, TypeScript, Tailwind CSS, SCSS, Zustand, Figma |
Back-end |
Spring Boot, Spring Security, JWT, Mongo DB, Redis, MySQL, Gradle, Apache Tomcat |
Blockchain |
Ethereum, Truffle, Solidity |
Devops |
Nginx, Jenkins, Docker, Grafana, Prometheus |
Cooperation |
Jira, GitLab, Notion |
✔️ 주요 기능
- 다양한 Open API 통합·중개
- 사용자는 제공자가 등록한 API를 검색 및 카테고리 별 제공으로 필요한 API를 쉽게 찾아서 사용할 수 있습니다.
- 제공자가 작성한 정보를 바탕으로 API 사용법 페이지와 API 테스트 페이지를 제공합니다.
- API 사용/제공 통계 제공
- 블록체인 네트워크의 블록에 저장되어 있는 데이터를 통해 이용자의 API 사용 및 제공 통계를 제공합니다.
- 블록 체인을 활용한 API 사용량 검증
- 사용자는 API 사용량을 해쉬 값으로 바꾸어 블록체인에 저장된 값과 비교함으로써 사용량을 검증할 수 있습니다.
- 또한, API 사용 내역 데이터를 ‘블록체인 스마트 컨트랙트’ 기능으로 각각 자동으로 검증·확인하고 그 과정에서 오류가 없다면 실시간으로 정산을 진행합니다.
📌 수행한 역할
<aside>
🙋♀️ Frontend Developer(Frontend Leader), UI/UX Designer 를 맡았습니다.
</aside>
-
회원가입 페이지 구현
-
API 사용법 페이지 구현
-
API 테스트 페이지 구현
-
API 제공 신청 페이지 구현
-
API 검색 기능 구현
-
사용량 / 제공량 데이터 시각화
-
알림함 구현
-
사용자 권한에 따른 라우팅 처리
1️⃣ 회원 가입 페이지 구현
- 회원가입 페이지에서는 사용자의 계정 보안을 강화하기 위해 비밀번호 조건을 확인하고 안내하는 기능을 구현했습니다.
- 이메일로 발송된 인증 코드의 유효 시간을 실시간으로 표시하여 사용자에게 남은 시간을 안내하는 기능을 구현했습니다.