Giter Club home page Giter Club logo

enjoytrip-semi's Introduction

Enjoy Trip

1학기 프로젝트 Enjoy Trip

KakaoTalk_20230608_164520086

📌프로젝트 소개

✈️ 여행을 사랑하는 모두를 위한 웹사이트

행복하게 여행하려면 가볍게 여행해야한다.

여행을 가기전 여행 계획을 세우기 위해서는 후기를 찾아보고 지도에 위치를 본 후 여행경로를 설정해야합니다. 여러 사이트를 돌아다니지 않고 한 사이트에서 가능하도록 하는 것을 목표로 제작된 웹 사이트 입니다. 크게 타겟 유저를 3분류로 고려하여 제작하였습니다.

  1. 여행 초보자

    여행 계획을 세오는 것이 처음인 사람은 여행 계획을 어떻게 세워야 하는지 부터 막막해집니다. 하지만 ‘Enjoy Trip’에서는 다른 사람의 여행계획 경로를 볼 수 있어 처음부터 끝까지 혼자 계획해야 하는 부담을 줄여줍니다.

  2. 여행을 사랑하는 사람들

    여행을 즐기고 새로운 장소를 탐험하며 다양한 경험을 쌓고 싶은 여행자는 ‘핫플레이스’ 게시판을 통해 새로운 장소를 접할 수 도 있고 실제로 여행한 사람의 생생한 후기를 보며 새롭고 재밌는 장소를 쉽게 찾을 수 있습니다!

  3. 혼자 여행하는 사람들

    다른사람의 여행경로와 생생한 후기를 통해 안전하고 실패없는 여행을 계획할 수 있습니다.


🔎 주요 기능 설명

🔥 ‘핫플레이스’ 게시판을 통해 사진과 함께 생생한 후기를 전달해요!

  • 사진과 함께 전하는 생생한 현장감

    핫플레이스 게시판은 사진이 ‘필수’인 게시판 입니다.

  • 지도에 마커를 찍어 장소 등록하기

    정확한 주소를 검색해서 장소를 등록할 수도 있지만 근처 주소를 검색 후 마커를 이동시켜 주소등록도 가능합니다.

  • 댓글을 통해 소통하기

    해당 여행지에 대한 궁금증이나 소통을 하고 싶다면 댓글을 통해 소통이 가능합니다!


✉️ 사진을 올리기 부끄러운 당신을 위한 자유 게시판도 있어요!

  • 사진이 필요 없는 게시판

    핫플레이스 게시판은 사진이 필수이지만 자유 게시판은 사진이 선택사항입니다! 원하는 내용의 글을 마음껏 게시할 수 있습니다.

  • 댓글기능

    댓글을 통해 게시판에 대한 질문을 해도 되고 답변을 달 수 있습니다!


🚩 나만의 여행 경로를 설정해봐요!

  • 여행지를 선택후 경로를 대략적으로 보고 설정할 수 있습니다.

    여행지를 선택 후 해당 순서로 방문했을 경우 경로를 대략적으로 볼 수 있습니다. 또한 Drop Down으로 방문 순서 변경이 가능합니다.

  • 다른 사람의 여행 경로도 볼 수 있어요!

    다른 사람의 여행 경로도 게시판 형태로 볼 수 있어서 혼자 여행 계획이 어렵다면 다른 사람의 경로를 참고할 수 있습니다.


🛠️ 기술 스택

분야 사용기술
Front-End Vue.js, KakaoMap API
Back-End Spring Boot, Spring Security, JWT
DataBase MySQL, S3, AWS RDS
DevOps AWS EC2
Tool Notion, STS, GitHub, Visual Code
Design Figma

🧱 아키텍처

flowchart_gridOO


📈 ERD

erd


🙈 기능 엿보기(GIF)

회원가입 및 로그인

공지사항 게시판 보기 및 작성

게시판 글, 사진 업로드

여행계획 설정

핫플레이스 조회 및 등록

enjoytrip-semi's People

Contributors

establers avatar thisiseunjin avatar so34so avatar jungu12 avatar sorryday avatar tlalswn23 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.