- The user can search for a place to travel
- The place search results are fetched from Tripadvisor as a list of cards
- By clicking on a card the user receives more detailed information from Tripadvisor including reviews
- The user can look for bikes which were stolen around this location and reported to the Bike Index open API
- The bike search results are rendered as a list of cards
- The user can click on a particular card to see bike details
- The user can report a bike theft through a form with validation
- The form data is sent to the Bike Index open API
- API calls to Tripadvisor and Bike Index to fetch data
- Angular v.16
- NgXS state manager
- RxJS library for asyncronous calls
- PWA (progressive web application) features
- Two language versions (Egnlish and German)
- From validation
- Typescript
- Calls to Tripadivsor and Bike Index APIs
- Responsive design
Homescreen to search for a place to travel. The app has two language versions:
The places are fetched from the Tripadvisor API and are rendered as cards:
By clicking on a card, the user sees detailed information fetched from the Tripadvisor API, including reviews:
The user can looks for the bikes stolen around the selected location:
The user can see details of a particular stolen bike:
The user can file a theft report with information about his/her stolen bike:
The form has field validation options:
The app has responsive design:
The mobile menu:
The theft report in the mobile version:
The app uses PWA functionality and with meny features available offline:
The scripts to operate the app are provided in the package.json file in the section scripts.