Giter Site home page Giter Site logo

wonsy1006 / getting-frontend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hanhae99-final-project-13/getting-frontend

0.0 0.0 0.0 47.95 MB

유기견 분, 입양에 대한 더 좋은 문화와 서포트를 해주는 사이트

JavaScript 99.22% CSS 0.29% HTML 0.49%

getting-frontend's Introduction

🐶개팅 Getting

저희 개팅은

반려견에 대한 교육 지식과 퀴즈를 통해 예비 견주님들께는 반려견을 키울 수 있다는 자신감을,

임보자님들께는 믿고 맡길 수 있는 예비 견주님들을 만나실 수 있는 기회를 제공하고자 합니다.

이를 바탕으로 올바른 반려견 입양 문화를 지향하는 유기견 입양 웹앱 서비스입니다.

🌐개팅에서 개팅하세요!


📝 개요


DEMO

회원가입 로그인 문자인증
필수지식 심화지식1 심화지식2
필수퀴즈 심화퀴즈1 심화퀴즈2
관심 등록 나의 입양 신청 입양 승인 입양 거절
분양 게시글 작성 ✏️ 입양 신청서 작성:pencil2:
댓글 알람

🧩 프로젝트 구조(아키텍쳐)



🧰 사용 패키지

  • aws-sdk
  • axios
  • lodash
  • react-device-detect
  • react-slick
  • redux
  • sockjs
  • stompjs
  • styled-components
  • sweetalert2

⚙ 주요 기능

로그인
  • JWT 토큰 방식을 이용하여 로그인이 가능합니다.
  • 카카오 소셜 로그인이 가능합니다.
회원가입
  • 아이디 및 닉네임의 중복확인을 자동으로 체크합니다.
  • 문자 인증을 통해 휴대폰 인증을 할 수 있습니다.
메인 페이지
  • 최신 등록된 유기견들을 조회할 수 있습니다. (최대 6건)
  • 서비스 소개 페이지를 조회할 수 있습니다.
  • 필수지식 페이지를 조회할 수 있습니다.
입양하기 페이지
  • 유기견들의 간략한 정보를 볼 수 있고 상세 정보를 조회할 수 있습니다.
  • 분양 글 등록 기능이 있습니다.
  • 관심 등록한 강아지를 최상단에서 조회할 수 있습니다.
  • 조건(기간, 장소, 지역)과 일치한 유기견 검색이 가능합니다.
  • 최신순, 등록순으로 유기견을 조회할 수 있습니다.
  • 무한 스크롤 기능을 통해 분양글을 더 불러올 수 있습니다.
상세 페이지
  • 유기견들의 자세한 정보를 조회할 수 있습니다.
  • 유기견의 관심 등록(북마크)이 가능합니다.
  • 개팅의 필수지식을 이수한 경우 유기견의 입양을 신청할 수 있습니다.
  • 글 작성자의 경우 게시글 수정, 삭제가 가능합니다.
  • 댓글을 통해 여러 유저와 소통할 수 있습니다.
  • 댓글 등록자의 경우 댓글의 수정, 삭제가 가능합니다.
입양신청 페이지
  • 입양 신청자의 상세한 정보와 입양 될 반려견이 거주할 곳의 이미지 등을 분양글 등록자에게 전달합니다.
입양지식 페이지
  • 필수지식, 심화지식 1, 2를 조회할 수 있습니다.
  • 조회 후 내용을 기반으로 한 퀴즈를 풀어 교육을 이수하고 뱃지를 얻을 수 있습니다.
  • 필수지식을 이수해야만 입양 신청이 가능하며, 입양 신청시 글 등록자가 교육 이수 뱃지를 확인할 수 있습니다.
마이페이지
  • 프로필 사진 등록, 수정이 가능합니다.
  • 관심 친구로 등록한 유기견의 조회가 가능합니다.
  • 입양 신청한 게시글의 조회 및 입양 승락, 반려 조회가 가능합니다.
  • 내가 등록한 글을 조회할 수 있고, 입양을 신청한 사람의 교육 이수 현황과 정보, 입양 신청서 조회가 가능합니다.
알람페이지
  • 유저가 댓글 작성 시 실시간 알림 확인이 가능합니다.
  • 댓글 알림의 경우 클릭 시 해당 게시글로 이동합니다.
  • 유저가 입양을 신청했을 경우 실시간 알림 확인이 가능합니다.
  • 입양 신청의 경우 클릭 시 해당 유저의 신청서를 조회할 수 있습니다.
HTTPS - 보완을 위해 CloudFront를 통한 HTTPS 구현

🛠 개선사항

사용자 피드백


✍ 개인회고

getting-frontend's People

Contributors

geemhunsu avatar 2juzzang avatar gc-ee avatar wldms2494 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.