Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
app
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Backpacker Tracker

This is an app to add past trips to track experiences abroad.

Technology used

  • AngularJS
  • CSS
  • Google Firebase for persistent storage of data and files
  • Google Maps API

Configuration

  • npm install angular --save
  • npm install angular-filter --save
  • npm install angular-route --save
  • Create Firebase database (use app.config.js.example to configure with Firebase). If you don't have Firebase already configured, see directions here.

General App Use

  • Authentication: When user first visits site, user is prompted to register with an email and password. To view map/list/add a trip, user must be logged in. User details are found in Firebase > Console > Authentication
  • Adding a trip: User can add a trip from the map and list view. Form provides the following fields: Trip Title, Geocode of the location (user can enter either a city / city, country / specific address), Trip Dates, Rating of trip (star rating), Memories (separated by comma to display in list form), and photo. All data is sent to and stored in Firebase storage.
  • Google Maps: On adding a trip, Geocoding will add the latitude and longitude of the location. On map view, Google maps is displayed with markers. When marker is clicked, an info window pops up with the trip title and a link to view the trip detail.
  • Timeline: The timeline view displays all user's trips in descending order. User may search by trip title to filter down. User may click trip title to visit details of trip.
  • Trip detail page: When user clicks an individual trip title from the map or timeline view, user is taken to the details of that trip. All information user entered when they created the trip is displayed. User may also delete the trip from this page and the data is removed from Firebase storage.

Homepage / Map View

homepageImage

Add Trip

Addtrip

Timeline View

TimelineView

Detail View

detailView

About

AngularJS app that allows users to track trips abroad. Firebase as database.

Resources

License

Releases

No releases published

Packages

No packages published