nicolasgasco / angular_travel_logger

Simple web app where you can log trips. Angular + Firebase (AngularFire) + Angular Material.

Home Page:https://ng-travel-logger.web.app/all-trips

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TravelHero

A simple web app where you can store the trips you made, created with Angular and Firebase.

Screenshot of TravelHero

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

About

Simple web app where you can log trips. Angular + Firebase (AngularFire) + Angular Material.

https://ng-travel-logger.web.app/all-trips


Languages

Language:TypeScript 80.9%Language:SCSS 16.9%Language:JavaScript 1.7%Language:HTML 0.5%