함께 해요 Stroll🚶‍♂️🚶‍♀️

'함께 해요 Stroll' 은 산책로를 추천 받고 추가도 할 수 있는 웹 기반 산책로 관리 서비스입니다.

본 서비스는 자신이 좋아하는 산책로를 다른 사람에게 공유하고 함께 만끽할 수 있도록 하는데 목적을 두고 있습니다.

이용 방법

🔗 http://stroll1.s3-website.ap-northeast-2.amazonaws.com/

1. 위 링크를 이용하여 접속
2. 회원가입
3. 로그인 후 서비스 이용

소스 코드

Terminal:

git clone https://github.com/codestates/Stroll-client.git
git clone https://github.com/codestates/Stroll-server.git

Directory structure

1. Client

├── App.js
├── Root.js
├── component
│   ├── AddTrail
│   │   ├── AddTrail.css
│   │   ├── Info_Map.js
│   │   └── Info_Trail_Input.js
│   ├── Login
│   │   ├── LoginInfo.css
│   │   └── LoginInfo.js
│   ├── Main
│   │   ├── Map.js
│   │   ├── ThemeList.js
│   │   ├── ThemeListElement.js
│   │   ├── TrailList.js
│   │   ├── TrailListElement.js
│   │   └── mypage.css
│   ├── Signup
│   │   ├── SignUpInfo.css
│   │   └── SignUpInfo.js
│   └── TrailInfo
│       ├── CommentList.js
│       ├── CommentListElement.js
│       ├── Info_Map.js
│       ├── Info_Trail.js
│       ├── Photozone.js
│       ├── RecentReview.js
│       ├── navermap.png
│       └── style.css
├── index.css
├── index.js
└── pages
    ├── addTrail.js
    ├── login.js
    ├── mypage.js
    ├── signup.js
    └── trailinfo.js

2. Server

├── README.md
├── config
│   ├── config.js
│   └── jwt.js
├── controllers
│   ├── signin.js
│   ├── signup.js
│   └── trails
│       ├── comment.js
│       ├── tag.js
│       ├── trailId.js
│       └── trails.js
├── index.js
├── migrations
│   ├── 20200114050301-create-users.js
│   ├── 20200115075622-create-categories.js
│   ├── 20200115075901-create-images.js
│   ├── 20200115080332-create-locations.js
│   ├── 20200118051951-create-trails.js
│   └── 20200118053842-create-comments.js
├── models
│   ├── categories.js
│   ├── comments.js
│   ├── images.js
│   ├── index.js
│   ├── locations.js
│   ├── trails.js
│   └── users.js
├── package-lock.json
├── package.json
├── routes
│   ├── signin.js
│   ├── signup.js
│   └── trails.js
└── uploads

의존성 체크

1. Front-End

    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "antd": "^3.26.7",
    "axios": "^0.19.1",
    "body-parser": "^1.19.0",
    "eslint-config-airbnb": "^18.0.1",
    "form-data": "^3.0.0",
    "proj4": "^2.6.0",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-kakao-maps": "Musma/react-kakao-maps",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.3.0",
    "scriptjs": "^2.5.9"

2. Back-End

    "body-parser": "^1.19.0",
    "cookie-parser": "^1.4.4",
    "cors": "^2.8.5",
    "crypto": "^1.0.1",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "jsonwebtoken": "^8.5.1",
    "morgan": "^1.9.1",
    "multer": "^1.4.2",
    "mysql2": "^2.1.0",
    "path": "^0.12.7",
    "sequelize": "^5.21.3",
    "sequelize-cli": "^5.5.1"

시연 영상

🔗 https://youtu.be/5ENY1775rPs

Contents

• Find Walking trails
  Based on the current location, you can find a Walking trails.
  You can also choose a Walking trails depending on the working trail theme (e.g. Lake View).

• Add Walking trails
  If you don't have a Walking trails you want or if you want to add one, you can add one using the Add Trail button.

Usage

• Sign up
  If you want to use STROLL. you need to sign up first.
  You can simply sign up using email.

• Sign in
  When membership is complete, you can log in and you can use the STROLL.

• STROLL Main
  You can Find all the walking trails around you in main page.
  and you can choose walking trails theme
  We basically support four themes.

  • With pet
  • Lake view
  • Night view
  • beach view

• Add walking trails
  You can add a walking trails.
  Take five dots, enter the walking trails information, and press the button.
  That's it! now you can find the walking trails you added.

enjoy your stroll with STROLL !