1997MJ/final-dalrun-front

🏃 러너를 위한 공간 "달런달런"

다양한 러너들과 같이 뛰면서 러닝에 가치를 더하다

📄 프로젝트 소개

• 러닝을 좋아하는 사람들끼리 모여, 보다 즐겁게 러닝을 즐길 수 있습니다
• 러닝에 필요한 모든 것을 구매할 수 있는 쇼핑몰이 있습니다.
• 러닝 대회 일정, 러닝 코스 정보를 제공합니다.

🎯 프로젝트 기획의도

• 코로나 19로 인한 건강관리 시장이 급성장
• 건강 트렌드의 변화 : 헬시 플레저(즐겁게 건강관리 하는 것)
• 이러한 배경에 입각해 즐겁게 건강관리를 할 수 있도록, 특히 평소에 쉽게 접할 수 있는 러너들을 위한 웹사이트를 개발하기로 했습니다.

💡 프로젝트 차별점

• 기존의 사이트들은 특정 기능만이 특화되어 다른 기능들은 분리되어 있는 상태였습니다. 이번 저희 프로젝트에서는 이러한 기존 사이트들의 단점을 극복하고 장점을 극대화 시켰습니다.
• 또한 도트맵, 러닝 다이어리 등 러너들의 흥미를 유발할 수 있도록 시각적으로 표현하였습니다.

📅 개발 기간

2023.04.05 ~ 2023.05.18

🔧 기술 스택

• Front-End : React, Scss, JavaScript, Html
• Back-End : Spring Boot, Java
• DB : MySQL
• Server : Apache

📚 주요 기능

1. 도트맵

• 크루 혹은 개인이 땅을 구매할 수 있는 페이지
• 땅 구매시 개인 메세지 및 사진 저장 가능
• 최초 화면에서는 해당 영역을 구매한 유저의 정보만 볼 수 있음

2. 대회, 러닝화 리뷰

• 해당 리스트 표시
• 댓글 기능

3. 로그인

• 카카오 간편 로그인 기능

4. 아이디/비밀번호 찾기

• 문자메시지 전송 기능 -> 임시 비밀번호 발급

5. 크루 모집, 가입 대기

• 가입, 가입승인/취소 기능
• 좋아요 기능
• 댓글 기능

6. 러닝 다이어리

• 일일 최고 기록 보유자 상단 노출
• 전체 지도에 사용자들 기록 표시
• 다이어리 리스트 조회로 경로 확인 가능
• GPX 파일을 통한 기록 등록

7. 러닝 코스 추천

• 지도에서 코스의 위치 및 경로 확인 가능

8. 마이페이지

• 개인정보 변경
• 해당 회원에 대한 모든 정보 및 활동 표시

9. 상품 판매

• 추천 상품, 인기 상품
• 무한스크롤 기능
• 장바구니 기능, 아임포트 결제연동 api를 통한 결제 기능

10. 관리자 페이지

• 일자별 요약, 방문자 통계(쿠키를 이용한 카운팅)
• 회원, 게시물, 쇼핑몰 관리 검색기능, CRUD 기능
• 이미지 등록 시, 드래그앤드롭 기능
• 대회 등록 시, geocoding을 이용한 주소 좌표 추출 기능
• 개인회원, 크루 순위 차트로 시각화

Front-end repository for DalRunDalRun project