<aside> 💡 Role ⇒ Front End Developer

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e297bf27-b8e0-4d49-aa3e-1cc49a8511e5/Untitled.png

Due to the lack of adoption of Pinch  and HyperLiked  over the span of a year and few months, we decided to shut these projects down and focus all our effort on our main product: FeaturePoints. We brought all the team members that were working on these projects together to work on building a brand new and much improved version (v2) of FeaturePoints.

Since we already had a lead designer for this project, it didn’t make sense for me to jump into design role as well. Instead, I took the responsibility for the front-end side of the web app as well as the mobile apps (our first few iterations were going to be a web app wrapped in native code). We were basically rewriting the app from scratch so there was going to be a lot of work needed on the front-end side.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/07936fa4-508d-4afd-8d54-ec7db6228f8c/Untitled.png

Previously we were using AngularJS on all of our apps but for FeaturePoints v2, we decided to upgrade to Angular 2+ so we had a bit of a learning curve there. In addition, we used the help of LESS, PHP, Figma, Animate.css, Normalize.css and various small libraries to build the app. The new app launched in early October 2018 and you can visit the site here.

Some cool stuffs that I implemented there:

Refresh page when the app screen comes in to focus

Shimmer animation for content placeholders

Infinity scrolling for coupons, deals, and categories

Safe area insets for iPhone X and above

Truncate coupon descriptions when it goes longer than 4 lines

Added support for P3 color gamut screens

Small variations of Landing page images based on your country