Git Product home page Git Product logo

webfullstack_oaga's Introduction

1. Spring-boot Web FullStack 개발 프로젝트 - Oaga 오늘 어디가지?

개발 기간 : 2022.07.05 ~ 2022.07.25

사용한 기술


ERD 다이어그램

follow 테이블은 팔로우 하는 사람과 받는 사람이 존재해야한다.

image

여행을 좋아하는 사람들을 위한 국내 여행지 정보 조회 및 커뮤니티 사이트

home

💡 프로젝트 설계 배경

코로나19로 인해 해외여행을 자유롭게 갈 수 없기 때문에 요즘 국내여행에 대한 수요가 늘고있습니다.
그래서 사람들이 국내여행에 대한 정보를 한눈에 볼 수 있는 사이트가 있으면 좋을 것 같다는 의견을 나누어 Oaga 사이트를 만들게 되었습니다.
국내 여행지에 대한 정보 뿐만 아니라 사용자들이 자신이 다녀온 여행 리뷰를 자유롭게 게시할 수 있도록 하여, 다양한 정보를 주고받을 수 있는 사이트가 되도록 설계했으며,
댓글기능과 좋아요 기능들을 추가하여 하나의 여행 커뮤니티 사이트가 될 수 있도록 구현하였습니다.

📌 핵심기능

🙍‍♀️ 사용자 페이지

  • 회원가입, 로그인( Oauth 2.0 카카오 로그인)

회원가입

join

로그인

login image

  • 좋아요 기능

다른 사용자들에 좋아요를 누를 수 있다.

3

  • 국내 도시별 핫플레이스 정보 조회

도시에 어떤 구들이 있는지 보여주는 페이지
한 구의 (카페/식당 + 놀거리) 정보
카페/식당 or 놀거리에 대한 자세한 정보

1

해당 도시/구에 내용이 없다면 업데이트 중 이라고 알려 주기

Screenshot_2


  • 여행자 리뷰 작성 및 조회, 수정, 임시저장, 등록

2

로그인이 되어있는 사용자의 경우, 자신의 정보를 화면에서 볼 수 있다.

4

  • 베스트 리뷰 조회

조회수가 많은 순으로 베스트 리뷰 조회

1

  • 베스트 리뷰어 조회

좋아요 수가 많은 순으로 베스트 리뷰어 조회

2

  • 리뷰 검색

s

  • 댓글 기능

리뷰에 댓글을 달고 삭제할 수 있다.

d

  • 여행지 정보 검색

지역을 검색하여 여행지 정보를 볼 수 있다.
검색어 자동완성 기능

s1

🙍‍♀️ 관리자 페이지

ddd

  • 여행지 정보 CRUD
데이터 추가
위에 카페/식당 or 놀거리 클릭 후 추가할 도시선택 > 구 선택 > 추가할 내용 및 이미지 작성

Screenshot_9 Screenshot_10 Screenshot_11 Screenshot_12

데이터 수정
위에 카페/식당 or 놀거리 클릭 후 추가할 도시선택 > 구 선택 > 수정 할 곳 선택 > 수정할 내용 작성

Screenshot_13 Screenshot_14 Screenshot_15

데이터 삭제

Screenshot_17

webfullstack_oaga's People

Contributors

h2jin avatar sodamkimkim avatar vlvkdn4107 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 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.