Giter Site home page Giter Site logo

triplog's Introduction

TRIPLOG

TRIPLOG는 여행을 공유하기 위한 블로그 입니다.
여러분들은 여행 게시글을 원하는대로 올릴 수 있으며, 게시글을 쓰기위해 이미지와 코멘트를 간단히 등록할 수도 있습니다.
현재 이슈가 되고있는 게시글들을 볼 수 있고, 보고 싶은 유저를 팔로우 하여 원하는 게시물을 찾아 볼 수도 있습니다.
또한, 여행 게시글을 하나로 묶어 내가 여행했던 지역을 자랑 할 수 있고, 경로를 보여줄수도 있습니다.
Now, You are TRIPLOGER!

목차

메인화면

사이트 소개와 추천게시글로 구성.
  • 추천게시글

    • 전체 유저의 게시글 중 좋아요 수, 조회수, 댓글 수가 많은 게시글을 보여준다.

회원기능

회원가입, 로그인, 회원정보수정, 회원탈퇴 가능.
소셜 로그인 가능.
이메일 인증을 해야 블로그를 이용 가능.

개인블로그

유저별로 개인블로그 페이지 구현.
  • 프로필카드

    블로그 배경화면, 유저 프로필 사진, 이웃 목록, 블로그명, 닉네임, 자기소개로 구성.

    • 팔로우기능

      다른 유저의 블로그를 팔로우할 수 있다. 본인의 블로그 화면에서 팔로우목록을 클릭시 팔로우하고 있는 유저의 닉네임 표시, 블로그로 이동 가능.
  • 포스팅기능

    게시글 작성, 수정, 목록, 검색, 상세보기 가능

    • 게시글작성

      에디터를 이용하여 게시글을 작성할 수 있다.

      • 챗봇기능

        챗봇으로 데이터를 간편하게 저장한 후 게시글을 작성할 때 사용할 수 있다.

        1. 카카오톡에 TRIPLOG를 친다.
        2. 안내에 따라서 회원가입을 진행한 이메일을 적는다.
        3. 여행을 다니면서 그 당시의 사진과 할 말을 적는다.
        4. 이후 개인 페이지에서 확인이 가능하기도하고, 글을 쓸 때 불러와서 사용할수 도 있다.
      • 에디터

        여러 기능을 가진 에디터를 제공한다.

        1. 여러 이미지를 Drag&Drop 으로 게시글에 등록 가능.
        2. 문자 서식 변경 가능.
    • 게시글목록

      개인블로그 메인화면에 게시글 목록을 보여준다.

    • 게시글상세보기

      목록에서 클릭할시 게시글의 상세정보를 볼 수 있다.

      • 댓글기능
        하단에 전체 댓글 기능과, 문단별 댓글 기능
    • 검색기능

      게시글을 작성자와 제목별로 검색할 수 있다.

    • 블로그설정

      블로그 이미지와 블로그 명을 수정할 수 있고, 방문자 수를 확인할 수 있다.

    • 좋아요목록

      마음에 드는 게시글을 담아둘 수 있다.

    • 여행묶음기능

      게시글을 사용자가 원하는 패키지로 지정하여 카테고리화 시킬 수 있다.

      1. 게시글 등록시 좌표 정보를 저장한다.
      2. 여행 묶음을 추가, 제거할 수 있다.
      3. 여행 묶음에 게시글을 Drag&Drop 으로 패키지를 변경할 수 있다.
    • 카테고리

      카테고리 별로 블로그 게시물 출력.

      1. 카테고리 별 페이지에 지도 api를 이용하여 좌표와 경로를 표시할 수 있다.
      2. 여행 묶음에 해당하는 게시글 리스트가 출력된다.
      3. 메인 포스팅 화면에 여행 묶음의 지역에 해당하는 마커가 표시된다.

triplog's People

Contributors

sjyoo1699 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.