Giter Club home page Giter Club logo

travel's Introduction

The Explorer

Codepath Group Project

Members: Aditi.K ,Huyen.T, Raj Praveen

Description

The Explorer is your travel buddy. It stays with you throughout your journey. It lets you look for places, plan your trip, post pictures and add reviews/ratings. It lets you create a story out of your journey which you can share with your friends and family and cherish those moments.

Video Walkthrough

Wireframes

  • Setup, Homescreen, Trip Planning

14971562_10210227576383007_1290824000_o

  • Destination details, Story view and User stories

15007792_10210227574502960_1568109062_o

User Stories

Required

  • User can login with Facebook or Google
  • User can see the home screen that includes:
    • User details:
      • User name and profile image
      • A placeholder for profile image prepopulated from Facebook or Google
      • A button inside placeholder to upload a new profile photo
      • A placeholder for cover photo prepopulated with a default image
      • A button inside placeholder to upload a new cover photo
    • User timeline:
      • Scrollable timeline of all the user's "stories" and "trips" (i.e. past stories, current story if any, and future trips)
      • Each story/trip has a title, cover photo and travel date
      • Tapping on a story/trip takes the user to a separate "Story" view
      • Button to create a new story/trip (could be toolbar button or floating action button)
  • User can edit the story/trip in the timeline
    • Delete the story
    • Share the story with friends
    • Edit icon which takes the user to Story view.
  • User can create a New Trip. The screen includes:
  • User can view details of Destination which includes:
    • Button to choose this destination for the new trip(could be a tick on top-right of screen)
    • "Top 10" in categories for that destination (i.e.Categories- Things to Do, Places to Eat, Sights to See)
    • Each category can be scrolled horizontally
    • Each item within the category has a title and respective image
  • User can tap on item to see Details of item which includes:
    • Name
    • Description
    • Address
    • At least one representative photo
    • Ratings bar
    • Button to add the item to their current trip.
  • User can view/edit the trip details in Story view which includes:
    • Name of destination and travel date
    • Items added for the destination(i.e. Things to Do, Places to Eat, Sights to See, if any)
    • Horizontal scroll view of photos uploaded by user(if any)
    • Notes on journey experience
    • Ratings bar to rate the destination
    • Button to upload new photos
    • Button to save the story

###Optional

  • User can tap on an item’s “favorite” icon (i.e. heart or star) to save that item to their favorites list of story/trip
  • User can see more info about the destination( website, days/hours of operation, location on maps, reviews, etc)
  • User can drag to reorder items on users timeline
  • User can have shortcut to annotate an item by swiping right to reveal available action icons:
    • Camera: adding photos from library or taking new photos
    • Video: adding videos from library or taking new videos
    • Text: adding text blurbs about their experience
  • User can tap on a map icon to see a map view with the places visited
  • User can add/edit/view reviews for an item(i.e. Things to Do, Places to Eat, Sights to See) of the destination

Bonus

  • User can tag people in their story/trip with whom they took the trip
    • This automatically shares the trip with them on their timeline
  • User can view his friends trips and copy it to create a new trip

travel's People

Contributors

heyhuyen avatar adikakade31 avatar prav90 avatar

Watchers

James Cloos avatar  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.