https://github.com/yonasstephen/swift-of-airbnb

A self-taught project of learning Swift by making some of Airbnb's screens
https://github.com/yonasstephen/swift-of-airbnb

airbnb ios learning-swift swift swift-3

Last synced: about 8 hours ago
JSON representation

A self-taught project of learning Swift by making some of Airbnb's screens

• Host: GitHub
• URL: https://github.com/yonasstephen/swift-of-airbnb
• Owner: yonasstephen
• License: mit
• Created: 2017-04-08T09:14:15.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-05-09T06:04:05.000Z (over 5 years ago)
• Last Synced: 2024-09-24T20:35:13.539Z (about 13 hours ago)
• Topics: airbnb, ios, learning-swift, swift, swift-3
• Language: Swift
• Size: 30.9 MB
• Stars: 474
• Watchers: 25
• Forks: 65
• Open Issues: 5
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        



# Swift of Airbnb

This is a self-taught project of learning Swift inspired by [Sam Lu's 100 Days of Swift] and [Allen Wong's 30 Days of Swift]. Trying to take the learning progress further by making some of Airbnb's screens, which in my opinion is one of the most beautifully-designed iOS App. Kudos to Airbnb for setting such high standard in iOS Development.

# Projects

### Project 1 - Occupant Filter

![occupant-filter](https://media.giphy.com/media/l4FGlDyEy1qJu8Fyw/giphy.gif)

Things I learn:

  - Custom counter control AirbnbCounter

  - Custom UISwitch control AirbnbSwitch which is basically an image UIButton that animates from left to right when the value toggled

### Project 2 - Date Picker

![datepicker](https://media.giphy.com/media/3ohzdZ283FnZaCVG12/giphy.gif)

Things I learn:

  - All kinds of things with UICollectionView (didSelect, didHighlight, shouldSelect, shouldHighlight, de/selecting cells programatically, etc.)

  - One issue that made me stuck for days was there was tiny pixel gap between date cells that I couldn't remove. I posted the solution here: http://stackoverflow.com/a/42574952/2105910

### Project 3 - Main Screen

![main screen](https://media.giphy.com/media/xUPGclujPdwArPBpsI/giphy.gif)

Things I learn:

  - How to make iOS Frameworks (using the previous 2 components in this screen)

  - UITableView header animation (view position & alpha change as user scrolls)

  - Custom page tab navigation with underline border that animates to selected page (For You, Homes, Experience, Places)

  - Nested UICollectionView inside UITableView

### Project 4 - Custom Page Transition

![page transition](https://media.giphy.com/media/xUPGcIN2PQiHGgxv4k/giphy.gif)

Things I learn:

  - A lot from here: https://www.raywenderlich.com/110536/custom-uiviewcontroller-transitions and here: http://blog.matthewcheok.com/design-teardown-preview-expanding-cells/

  - How to slice and snapshot views to animate transition on present and dismiss

  - New AirbnbReview component

# Coming Soon

This is an ongoing project and a lot of things already planned!

- ~~Page transition animation on selecting home item~~

- The map view! (that all other booking apps copy :D)

- Home detail screen

- My trips screen

- or you let me know what you wanna see!

# Resources

[Michigan Labs]

[Raywenderlich]

[Pexels]

[Icons 8]

[Let's Build That App]

# License

Swift of Airbnb is licensed under MIT License

[//]: # (These are reference links used in the body of this note and get stripped out when the markdown processor does its job. There is no need to format nicely because it shouldn't be seen. Thanks SO - http://stackoverflow.com/questions/4823468/store-comments-in-markdown-syntax)

   [Allen Wong's 30 Days of Swift]: 

   [Sam Lu's 100 Days of Swift]: 

   [Michigan Labs]: 

   [Raywenderlich]: 

   [Pexels]: 

   [Icons 8]: 

   [Let's Build That App]: