{"id":2316,"date":"2018-10-23T13:33:59","date_gmt":"2018-10-23T13:33:59","guid":{"rendered":"https:\/\/ionicframework.com\/?p=2316"},"modified":"2018-12-12T22:39:22","modified_gmt":"2018-12-12T22:39:22","slug":"built-with-ionic-juntoscope","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/built-with-ionic-juntoscope","title":{"rendered":"Built with Ionic: JuntoScope"},"content":{"rendered":"

This is a guest post by Jedi Weller and his team at OpenForge<\/a>. They have been pioneering new ways of designing digital solutions, integrating cross-disciplinary teams, and sharing common knowledge across technology companies in various verticals. Their work at OpenForge continues to lay the groundwork for clearer communication and enhanced transparency in the technology and startup communities.<\/em><\/p>\n

Dev Scoping – The Final Frontier<\/h1>\n

\"\"

This problem is exacerbated in team environments with Junior and Senior developers working together toward common solutions. This often results in Junior devs feeling \u2018peer pressured\u2019 (even unintentionally) into reducing their scopes to match other developers.<\/p>\n

So, we built a way to help.<\/p>\n

JuntoScope<\/a> (\u201cTogether We Scope\u201d) is a free, open-sourced, anonymous scoping tool for teams. We built it using Ionic V3, Firebase 4.12.1, a Serverless (FaaS) Architecture, and the Teamwork\u2019s Projects API. The app is available on Google Play<\/a> and the App Store<\/a>.<\/strong><\/p>\n

<\/p>\n

So – let\u2019s talk about our experience in building JuntoScope. No marketing, no bs, just straight up \u201chere\u2019s how it works.\u201d After all, it\u2019s a free tool – we don\u2019t care if you use it or steal it, but at least buy us a beer the next time you see us \ud83d\ude42<\/p>\n

Designing The App<\/h2>\n

\"\"

    \n
  1. We started by printing these iPhone printouts<\/a> and then hand-drawing the flow.<\/li>\n
  2. We migrated these to Sketch<\/a>, with the design team using Abstract<\/a> for design source control. We used the Sketch Ionic UI Plugin<\/a> to make design easy.<\/li>\n
  3. In order to keep language the same for designers and developers, we created a \u2018legend\u2019, that represents page transitions, routing, and data passthrough, and then started building!<\/li>\n<\/ol>\n

    \"\"

    We open-sourced the sketch file, which can be found here<\/a>.<\/p>\n

    Folder Structure<\/h2>\n

    We opted for a feature-oriented file structure to focus on the four<\/strong> distinct features in JuntoScope. We believe this will scale nicely as we build further support and features.<\/p>\n

    \"\"