https://github.com/nicolasgasco/angular_travel_logger
Simple web app where you can log trips. Angular + Firebase (AngularFire) + Angular Material.
https://github.com/nicolasgasco/angular_travel_logger
angular angularfire2 angularmaterial firebase firestore flexlayout javascript material-design sass typescript
Last synced: 3 months ago
JSON representation
Simple web app where you can log trips. Angular + Firebase (AngularFire) + Angular Material.
- Host: GitHub
- URL: https://github.com/nicolasgasco/angular_travel_logger
- Owner: nicolasgasco
- Created: 2021-10-10T20:57:48.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-01-30T13:33:50.000Z (over 3 years ago)
- Last Synced: 2025-01-15T01:44:31.183Z (4 months ago)
- Topics: angular, angularfire2, angularmaterial, firebase, firestore, flexlayout, javascript, material-design, sass, typescript
- Language: TypeScript
- Homepage: https://ng-travel-logger.web.app/all-trips
- Size: 4.1 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TravelHero
A simple web app where you can store the trips you made, created with Angular and Firebase.
## Stack
- Front end: Angular
- Styles: Angular Material, SASS, and Angular Flex-Layout
- Back end: authentication, database, and hosting with Firebase
## Features
- Responsive layout
- User authentication with Firebase
- Form validation
- Firebase Firestore database
- Save trip data like countries and cities visited, trip dates, and travel journal (one entry per day)
- Add, modify, and delete trips
- Preview account that saves to Local Storage and not to real database
## Todo
- Customized form validation
- Sorting and filtering trips
- Add travel mates if they are users of the app
- Improve styles
- Data visualization
## Live app hosted on Firebase
Open [TravelHero](https://ng-travel-logger.web.app/all-trips)