# spaced_travel_app

Spaced is an animated travel application UI that enables users to find locations and schedule trips. It is based on an amazing UI by [Xzit Ebuka](https://projects.invisionapp.com/prototype/Spaced-ckoya27rk005bem01178r0com/play/b74b1846?fbclid=IwAR1QN5VBFbGq5CpC4ruQv-wN36TO5ot9v36B2znp-XcmRQduXSsjFVrrR9I), and developed by nonybrighto.

## Overview

<img src="screenshots/header.png" width="100%">

Checkout the [basic_structure](https://github.com/nonybrighto/spaced-travel-app/tree/basic_structure) branch for UI with less animations

## [Watch it on YouTube](https://youtu.be/S52E9KM7hYw)

## Animation

<img src="screenshots/spaced.gif" width="45%">

## Screenshots

Screenshots from the developed flutter application

| Welcome                                 | Vacation                                 | Discovery                                 |
| --------------------------------------------- | --------------------------------------------- | --------------------------------------------- |
| <img src="screenshots/welcome_onboard.png" width="100%"/> | <img src="screenshots/vacation_onboard.png" width="100%"/> | <img src="screenshots/discovery_onboard.png" width="100%"/> |
| Home                                 | Search                                | Profile                                 |
| <img src="screenshots/welcome_onboard.png" width="100%"/> | <img src="screenshots/vacation_onboard.png" width="100%"/> | <img src="screenshots/discovery_onboard.png" width="100%"/> |
| Location                                | Date                                | Success                                |
| <img src="screenshots/location_page.png" width="100%"/> | <img src="screenshots/date_selector.png" width="100%"/> | <img src="screenshots/payment_success.png" width="100%"/> |

## Mentions

The UI is designed by Xzit Ebuka. located [here](https://projects.invisionapp.com/prototype/Spaced-ckoya27rk005bem01178r0com/play/b74b1846?fbclid=IwAR1QN5VBFbGq5CpC4ruQv-wN36TO5ot9v36B2znp-XcmRQduXSsjFVrrR9I)

To learn how to make complex flutter animations, watch [Implementing complex UI with Flutter - Marcin Szałek | Flutter Europe](https://www.youtube.com/watch?v=FCyoHclCqc8&t=672s)