seunghw / pairmail

페어 이메일 찾기 서비스

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


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


PairMail을 소개합니다! 🎉

페어찾기

📌 배포 URL

👉 PairMail 바로가기


☘️프로젝트 소개

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

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


🧩시연 화면

페어gif


🛠 기술 스택

📦사용 라이브러리

  • 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로 웹페이지 자체를 드래그 방지.

About

페어 이메일 찾기 서비스


Languages

Language:JavaScript 68.0%Language:HTML 29.2%Language:CSS 2.8%