Design+Code 2

Design and code a Swift 4 app using Sketch 40+ and Xcode 9.

Hello Product Hunt!

I've spent the last 5 months on this iOS app that would essentially be the book itself, and also be that app that you learn to design and code in Swift 4! My passion has always been to teach designers how to code and use Sketch.

Feel free to ask me anything!

Meng

Reviews

Lisa Dziuba
Cristina Georgiana
Stephen Feather
 

Discussion

You need to become a Contributor to join the discussion - Find out how.
Meng To
Meng ToMakerPro@mengto · Designer
Hello Product Hunters! We're absolutely stoked to be nominated for the Golden Kitty Awards (!) among such great products! I think this is a good opportunity to share about the technologies we used to make this product since we're going to teach all of it in the book. We've worked really hard to ensure that the content that we write about cover the entire flow of creating an entire app, from start to finish. Web - We migrated from Angular to React this year. As a designer, I wanted to simplify the process of learning React so I went with create-react-app: https://github.com/facebook/crea... - SCSS for the styling. As a team, we're now looking at ways to organize it so we can teach the cleanest way possible to do the styling. - Stripe Elements, which allowed us to design and style the payment flow. It was built from the ground up. https://stripe.com/elements - VisualCode as the code editor. https://code.visualstudio.com iOS - Xcode 9 and Swift 4 as the main tool. The whole process was pretty much explained in Chapter 3 and 4. - Realm for the database. http://realm.io - Spring for the Designable Views, like rounded corners, Gradients, and animations. https://github.com/MengTo/Spring - Ambience for implementing Dark Mode. https://github.com/tmergulhao/Am... Design - Sketch app for designing the iOS app and website. https://sketchapp.com - Abstract for version control. https://www.goabstract.com Content and Video - Ulysses for writing. We use External folders to sync with Dropbox. https://ulyssesapp.com - Screenflow for recording the screen. https://www.telestream.net/scree... - AfterEffects for more complex video presentations. - Skitch for screenshots. https://evernote.com/products/sk... Team - Zenhub for project management. http://zenhub.com - Slack for communication. http://slack.com - Dropbox for file sharing. Always super open to trying new tools to be included in the book, so feel free to share yours! Thank you again for nominating us – we look forward to write about new content like React, ARKit, iOS 12, Android and new design tools coming out soon! Meng
Lisa Dziuba
Lisa Dziuba@lisadziuba · FlawlessApp.io Founder
@mengto Love everything, what Meng & team are doing 🎉 🎉 🎉
Meng To
Meng ToMakerPro@mengto · Designer
@lisadziuba Thanks Lisa, congrats on being a runners-up maker of the year.
Lisa Dziuba
Lisa Dziuba@lisadziuba · FlawlessApp.io Founder
@mengto I'm very proud to get this award)))