Code

Flutter Travel App for Tourism

Flutter Travel App for Tourism

Cart 15 sales

Flutter Travel App is designed for apps that are used in tourism. This flutter app can be built for both Android and iOS.

  • UI elements and data fetching is written fully decoupled.
  • UIs are themed with Material.
  • Easy to customize components.
  • Resources and data for the app are not hard coded and are fetched from JSON files.
  • Use of dart providers for state management and data fetching.
  • Fully structured and clean code

This is only a ​Flutter UI kit​ for a travel/tourism app. This app contains seven distinctive screens with tab navigation. App is written in ​dart ​language and data is fetched in json format. The theme used is material UI.

If you are new to flutter please visit flutter official site for easy and clear installation guidance. Flutter Official Website

Data and Resources

All the images and data resources are available within the assets folder. All data in the app are not hardcoded. They are fetched from the below json files. These can be easily changed to a data model of your own.
  • Attraction data – attractionData.json
  • Favourite Attractions – favourite.json
  • Friends details – friends.json
  • Hotel details – hotel.json
  • Attraction suggestions for user – suggestions.json
  • Top rated attractions – topRatedPlaces.json
  • User already visited places – visited.json

UI Components

UI Components are available in the widgets folder for each screen.
  • Attraction card view
  • Suggestion card view
  • Hotel card view
  • Search component
  • Drawer
  • Bottom Navigation

Data Models

Data models are located in the models folder.
  • Attraction
  • Attraction Category
  • Friend
  • Hotel

The state management is properly handled with the ​provider package​ to make easy to api implementation. There is a provider file for each tab in the providers folder.

Flutter Travel App – What’s new with version 2

  • Dark mode
  • New Screens
  • Multi language ready
  • RTL ready

Dark mode

  • Change theme from settings page
  • Theme models are located in global/theme_model.dart
  • Theme changing and notifying functionalities – theme_provider.dart
  • New screens

  • 3 onboarding screens
  • Splash screen
  • Settings screen
  • Forgot password screen and success alert
  • New login screen and forgot password screen with same ui
  • Multi language support

  • Change language from settings page
  • Three language files added with english texts and keys (only have to add the language texts to the relevant keys)
  • assets/locales/
  • ar-AE.json – Arabic
  • en-UK.json – English
  • es-SP.json – Spanish

  • by
    by
    by
    by
    by
    by

    Tell us what you think!

    We'd like to ask you a few questions to help improve CodeCanyon.

    Sure, take me to the survey