This is an app to add past trips to track experiences abroad.
- AngularJS
- CSS
- Google Firebase for persistent storage of data and files
- Google Maps API
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.
- 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.