Skip to content

Blueprint & OpenCombine recreation of the Instagram Stories with features.

Notifications You must be signed in to change notification settings

c-villain/StoriesTutorual

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Instagram Story - Using Blueprint & OpenCombine

Declaratively UI constructed popular Instagram Scrolling Photos with some improvements for iOS, written in Swift.

👨🏻‍💻 Feel free to subscribe to channel SwiftUI dev in telegram.

About

This tutorial demonstrates two ways of showing stories:

  • simple:

Example without labels

  • customized (with labels and buttons on each slide):

Example with labels

Architecture

Based on Blueprint and OpenCombine with MVVM architecture.

Features

  • You can add labels and tappable buttons to each slide
  • Supports all orientations on iPhone and iPad
  • Long press pause and play
  • Left tap and Right-tap gestures to switch between slides
  • Closing story by swiping down
  • If there is no user interruption, it will automatically move to the next slide
  • It will automatically close story after the progress bar completes
  • Progress bar is very smooth

Requirements

  • iOS 11 or later

Contributing

If you like this repository, please do ⭐ to make this useful for others. Feel free to contribute by open an Issue or create a Pull Request

License

All the code here is under MIT license. Which means you could do virtually anything with the code. I will appreciate it very much if you keep an attribution where appropriate.

Special thanks

This app uses Blueprint by Square team and OpenCombine by OpenCombine team.

Thx to Jean-Marc Boullianne for inspriration with his SwiftUI tutorial of stories.