Tourify 프로젝트

프로젝트 소개

Tourify는 관광지 공공 API를 활용하여 한국의 다양한 관광지에 대한 정보를 제공하는 웹 애플리케이션입니다. 이 애플리케이션은 사용자들에게 관광 목적지를 추천하고, 관광지에 대한 상세한 정보를 제공하여 여행 계획을 세우는 데 도움을 줍니다. 또한, Tourify는 사용자 간의 소통과 정보 교환을 위한 커뮤니티 서비스를 제공합니다. 사용자들은 게시판을 통해 여행 경험을 공유하고 추천하는 관광지를 소개할 수 있습니다. 이를 통해 사용자들은 보다 다양한 관광 정보를 얻고, 자신만의 특별한 여행을 계획할 수 있습니다. Tourify는 React와 Bootstrap을 기반으로 구축되었으며, Firebase를 통해 데이터베이스와 호스팅을 관리합니다. 사용자 경험을 향상시키기 위해 React Router와 Axios를 활용하고, Sass를 통해 스타일링을 구현하였습니다.

 

참여한 인원

-1인

프로젝트 기간

시작일: 2024년 4월 22일 ~ 종료일: 2024년 5월 5일

 

사용한 기술

Frontend: React, Bootstrap, React Router, Axios, Sass

Backend: Firebase

 

프로젝트 폴더 구조

page

-Board

-Detail

-Login

-Main

-PostDetail

-TourLisinfo

-Write

 

componets

-Comment

-CommentList

-CommentWrite

-EventListView

-Foot

-Header

-post

-postList

-TourList

 

hoock

-Usertour

-UserTourDetail

-UserTrue

-UseTravelinfo

 

 

프로젝트 내용

-사용자 인증및 회원가입 기능

-관광지 목록 및 상세 정보 표시

-사용자 간의 게시판 기능 제공

-사용자 간의 댓글 기능 제공

-관광지 추천

-관광지 행사에 대한 정보 제공

 

메인페이지 화면

 

로그인 화면 

로그인

회원가입

 

 

로그인후 헤더 부분에 이렇게 변화가 생긴다.

 

여행지 추천

관광지 페이지중 랜덤으로 관광지  6곳을 추천해준다.

각 관광지를 클릭하면 관광지의 이미지와 상세내용 그리고 댓글을 달수 있는 페이지가 나타난다.

댓글작성시 아래와 같이 추가되면 자기가 쓴 댓글일 경우에만 삭제 표시가 나탄다.

 

그다음은 관광지 투어는 각 시도청이 만든 투어 정보를 기반으로 사용자에게 투어 정보를 알려준다.

이런 형식으로 그 지역을 어떻게 여행해야할지에 대한 정보를 알려준다.

 

게시글작성

게시글을 작성하면 게시판 페이지로 글이 추가된다.

또한 이미지또한 첨부가 가능하다.

 

게시판 페이지

게시판페이지 최신글이 가장먼저 나타나며 한번에 볼수 있는 게시글은 10개 까지이면 그다음을걸보기위해서는 아래 

회색 동근란거에 적힌 숫자에 따라 현재 게시글 목록들을 보여준다.

 

게시글 상세페이지

작성자하고 게시글 이름 그리고 내용이 나타다고  댓글을 작성할수 있는 칸도 나타난다.

게시글 삭제 버튼은 자기 게시글일 경우에만 삭제 가능하고 아닌 경우에는 버튼은 보이지 않는다.

 

행사일정

메인페이지에서 가장 상단에 있는 걸로 좌우로 행사의 수 만큼 넘길수 있으면 현째 날짜 기준으로 자동으로 앞으로 진행하는 전국 관광지 관련 행사 일정을 알려준다.

 

 

후기

처음으로 시도한 개인 프로젝트이며 두 번째로 시도한 리액트 프로젝트입니다. 팀 프로젝트와는 다르게 혼자서 모든 것을 처리해야 했기 때문에 작성한 코드가 올바른지 의심이 많이 들었습니다. 또한 CSS 부분이나 HTML 구조를 짜는 데에는 자신이 없어 부트스트랩과 무료 HTML 템플릿을 기반으로 기본적인 틀을 잡았습니다. 하지만 디자인 측면에서는 제 미적 감각이 부족해 CSS를 더 수정하기 어렵다고 판단했습니다.

그렇지만 이런 개인 프로젝트를 하면서 내가 어떤 점이 부족하고 어디를 좀더 공부해야하지는 알 수 있었다.

이번에는 파이어베이스라는 db를 사용해서 만들었지만 다음번에는 mysql를 좀더 공부하여 mysql를 db를 짜서 프로젝트를 진행하고 싶다. 

 

추후 시간이 있다면 관리자 모드를 추가하여 관리자라면 모든 게시판의 글과 댓글을 지울수 있도록 하고 또한

 사용자가 작성한 댓글과 게시글을 한누에 볼수 있는 마이페이지 같은 기능, 그리고 게시글 수정과 댓글 수정 기능을 추가하고 싶다.

 

 

깃허브 주소 

제작한 프로젝트의 파일들을 확인할수 있다,

 

https://github.com/Aristia0930/Tourify