"페어의 이메일을 쉽고 빠르게 찾아보세요!"

PairMail을 소개합니다! 🎉

📌 배포 URL

👉 PairMail 바로가기

☘️프로젝트 소개

PairMail은 페어리뷰 작성을 더 빠르게 도와줍니다. 필요한 페어의 이메일을 이름만 검색해서 찾을 수 있어요!

CodeStates Frontend 부트캠프에서 매 유닛마다(대략 38회) 진행하는 페어프로그래밍 후 작성하는 페어리뷰를 보다 빠르고 편리하게 작성할 수 있게 도와줍니다.

🧩시연 화면

🛠 기술 스택

📦사용 라이브러리

• react 18.2.0
• tailwindcss
• react-copy-to-clipboard

🪄 주요기능

• 이메일 검색기능
• 클릭시 텍스트 복사 기능

📖 사용법

1. 우선 페어 분의 성함을 적어주세요.
2. 검색버튼을 누르거나 Enter 키를 눌러주세요!
3. 하단의 이메일을 누르시면 복사가 됩니다.

❓왜 이 서비스를?

페어리뷰 장려 및 개선

페어 리뷰시 리뷰 대상자 정보 입력 구간에서 페어 이름을 적고 페어의 이메일을 적어야하는데

이 이메일을 찾는 과정은 노션에 들어가서 페어메일에 들어가서

직접 이름을 찾아서 이메일을 적어야하기 때문에 이를 개선하기 위해서 서비스를 만들게 되었습니다!

✏️추가 구현 사항

• 레이블 추가
• 데이터 업데이트 날짜 추가
• 유어클래스 페어리뷰로 넘어가는 버튼 추가
• 푸터 추가
• 버튼 드래그 막기
• 동명이인 체크

🔊피드백

비교적 짧은 시간에 작성한 코드기 때문에 미흡한 점이 분명히 많습니다..!

코드나 UI/UX 등등 어떠한 피드백도 모두 환영입니다!

감사합니다.

📙history

• 2022.09.16
  • 버튼 레이블 추가
• 2022.09.26
  • 데이터 업데이트 날짜 추가
  • 유어클래스 페어리뷰로 넘어가는 버튼 추가
    • _blank 이슈 - Tabnabbing 피싱 공격에 대한 보호 추가
  • 푸터 추가
    • Github, Blog, Email 추가
  • 버튼 드래그 막기
    • css로 웹페이지 자체를 드래그 방지.