TravelData - Angular 8 Application
This application built for the web with the latest version of Angular and Node CLI is an end to end implementation showcasing several aspects and functional benefits of the toolstack. It fetches and displays data in different formats, table, card-view and also in different systems like MKS and FPS. The application shows travel data[from a json file] and enlists them in tabular format. There is also the option to toggle to card-views. Upon clicking/selecting any one from the list user is redirected to new view which enlists full details pertaining to that specific tour. In our app. we fetch the data from a native json file; You could leverage this to fetch data from a persistent data storage like MSSQL or MySql using Angular http requests made with the help of HttpClientModule. See my code from previous application
to learn how to do that. The application makes use of Angular pipes[custom functions] written to achieve the purpose of various conversions. There are several custom pipes written here and following the pattern you could learn to write more to suit your needs.
Some more quintessential aspects of this application in addition to what is in the description are -
* it teaches you to apply pagination with the simplest and most clinical approach
* teaches you to display data using the master-detail approach
* it teaches how to display data using individual card approach for each specific data
* fetch and display data from a native json file; which is the same concept that could be applied to a sqlite3 or such data storage also
* making the entire application responsive to any platform, bootstrapped and device friendly
* apply a masterpage/layout to an Angular application and make child pages inherit the look of that layout, thus bringing 100% uniformity through an App.
Note: there are certain sections that have been deliberately left untouched as a form of exercise for the one walking through the application and understanding it.
These sections albeit very small, are critical, unique and offer the student a way to do hands on work and leverage it farther.
This is the best way to ensure that the learning and understanding happens in totality. Imagination and openness of thought is the key. So the persons are encouraged toggle
use their imagination and expand this application into a very big famous app. that catches the fascination and accliam of thousands of people worldwide.