bwright1114/Roadie

Images of Roadie for READ.ME

Opened this issue · 0 comments

# Roadie is an intuitive app that allows the user to add, view, and delete travel itinerary. It is a convenient travel planner that helps you organize your day to day activities while traveling.

Please check out the app at https://roadie2017.herokuapp.com/
this app was completed in 2 weeks.

Quick synopsis of Roadie

  • Have you ever been on a trip and feel like you never have enough time to see the sites and do everything you want to do?
  • Wish you were better prepared for everything and like to be organized?
  • Like to make an event out of the road trip itself?
  • Roadie keeps your planning all in one place so you can sit back and enjoy the ride.

# Design Process

Goal:

  • create a list of places for the user to visit
  • organize list into a day-day itinerary

Inspiration

  • previous classwork
  • an itinerary from a past trip

Drafting:

  • draw.io ~ an online flowchart maker

Tasks

  • database
  • api’s / javascript logic
  • bootstrap

Process:

  • add.html
  • “landing” page
  • view/update.html

## Technologies

LIBRARIES

Node /Express.js
Mysql / Sequelize
Bootstrap
Javascript / JQuery
Nightmare.js

API's

Google maps/Places
JQuery UI(DatePicker)
Auth0

Walk Through

Authenticated log in
screen shot 2017-06-23 at 8 17 31 pm

Add an Itinerary

  • City, dates, sites
  • Notes for each place
  • Also added googles maps and used Google direction's API to be able to give the user driving directions to the location

screen shot 2017-06-23 at 8 19 08 pm
screen shot 2017-06-23 at 8 19 27 pm

View/Update your itinerary

  • Organized by city & date
    screen shot 2017-06-23 at 8 21 31 pm
    screen shot 2017-06-23 at 8 21 49 pm