레시피
설명 :
음식 애호가들이 요리 경험을 탐구하고, 만들고, 공유할 수 있는 레시피 웹사이트인 Recipen에 오신 것을 환영합니다. 음식 애호가들이 소중한 요리법을 공유하고 매력적인 음식 블로그를 공유하는 커뮤니티 중심 플랫폼에 빠져보세요. 프로 버전을 구독하여 나만의 레시피를 공유하고 맛, 문화, 창의성의 영역을 열어보세요.
링크:
라이브 사이트: https://recipen.vercel.app/
사용된 도구 및 기술:
나와 연결하세요:
특징 :
- 인증: 사용자는 안전하게 계정을 생성하고 로그인하여 개인화된 기능과 콘텐츠에 액세스할 수 있습니다.
- 액세스 및 새로 고침 토큰: 사용자 인증 중 보안 강화를 위해 액세스 및 새로 고침 토큰 메커니즘을 구현했습니다.
- 인증 상태 지속성: 이제 사용자 인증 상태가 세션 전반에 걸쳐 지속되어 원활한 사용자 경험을 제공합니다.
- 쿠키에 토큰 저장: 토큰은 XSS(교차 사이트 스크립팅) 공격으로부터 더 효과적으로 보호하기 위해 보안 쿠키에 저장됩니다.
- 레시피: 다양한 요리와 맛을 다루는 커뮤니티에서 제공하는 풍부한 정통 레시피 컬렉션을 살펴보세요.
- 음식 블로그: 열정적인 사람들이 작성한 통찰력 있고 창의적인 음식 블로그에 참여하여 귀중한 통찰력과 요리 영감을 제공하세요.
- Stripe 결제 통합: 안전한 결제 처리를 위해 Stripe을 원활하게 통합하여 거래 중 사용자 경험을 향상시킵니다.
- 일회성 결제 구독: 사용자에게 일회성 결제로 구독하여 독점 기능과 혜택을 누릴 수 있는 옵션을 제공합니다.
- Pro 사용자 액세스: Pro 사용자는 레시피와 블로그를 추가하고 삭제하여 역동적이고 매력적인 플랫폼을 만드는 특권을 누립니다.
- 관리 대시보드: 관리자는 사용자, 레시피, 블로그를 관리하기 위한 대시보드에 액세스할 수 있습니다.
- 사용자 프로필: 각 사용자는 자신의 정보를 관리할 수 있는 개인화된 프로필을 가지고 있습니다.
- 문의처 페이지: 사용자가 질문, 우려 사항 또는 피드백을 통해 연락하여 의사소통을 촉진할 수 있는 전용 페이지입니다.
- 챗봇(Chatbot): 프로젝트 관리자에게 일대일 지원을 제공하는 챗봇입니다.
- 즐겨찾는 레시피 저장 및 저장 취소: 사용자는 쉽게 액세스하고 요리 영감을 얻기 위해 자신이 좋아하는 레시피 컬렉션을 선별할 수 있습니다.
- 레시피에 대한 평가 및 의견: 등록된 사용자는 레시피에 대한 평가 및 의견을 제공하여 커뮤니티 상호 작용을 향상시킬 수 있습니다.
- 블로그에 댓글 달기: 음식 블로그에 댓글을 남기고 생각과 아이디어를 공유하여 토론에 참여하세요.
- 소셜 미디어에서 레시피 공유: 사용자는 다양한 소셜 미디어 플랫폼에서 좋아하는 레시피를 쉽게 공유할 수 있습니다.
맨 위로 돌아가기
로컬 머신에서 프로젝트를 실행하는 단계
- 이 저장소를 포크하세요.
- 로컬 컴퓨터에서 터미널이나 명령 프롬프트를 엽니다. 다음 명령을 실행하여 저장소를 복제합니다.
git clone https://github.com/your-username/your-repo.git
your-username을 GitHub 사용자 이름으로 바꾸고 your-repo를 저장소 이름으로 바꾸세요.
- 프로젝트를 열고 클라이언트 및 서버 디렉터리 모두에서 .env.example 파일의 이름을 .env 로 바꿉니다.
- 이 두 파일에 사용자 고유의 환경 변수를 추가하십시오.
- server/config/allowedOrigins 경로에 있는 allowedOrigins 배열에 http://localhost:5173 및 http://localhost:5000 을 추가합니다 .
- 프런트엔드를 실행하려면 새 터미널을 열고 'cd client/'를 실행하여 클라이언트 디렉터리로 이동하여 다음을 실행합니다.
- 백엔드를 실행하려면 새 터미널을 열고 'cd server/'를 실행하여 서버 디렉터리로 이동한 후 다음을 실행하세요.
- 웹앱을 실행하려면 브라우저에서 http://localhost:5173/ strong>을 엽니다.
관리 대시보드에 액세스하는 단계
- 컴퓨터에서 webapp을 실행한 후 웹사이트에 가입하세요.
- 이제 MongoDB 컬렉션을 열고 관리자로 지정하려는 사용자의 역할 배열 필드에 Admin 요소를 수동으로 추가한 다음 사이트에 다시 로그인하세요.
- 이제 관리자 대시보드에 액세스할 수 있습니다.
맨 위로 돌아가기
홈페이지
가입 페이지
로그인 페이지
프로필 페이지
연락처 페이지
레시피 페이지
블로그 페이지
단일 레시피 페이지
단일 블로그 페이지
레시피 페이지 추가
블로그 페이지 추가
관리자 대시보드
관리 레시피 대시보드
관리 블로그 대시보드
?️ 라이센스
사용, 복제 및 배포에 대한 이용 약관은 MIT 라이선스를 따릅니다.
줘? 만약 당신이? 이 저장소
맨 위로 돌아가기