focus-ios VS Awesome-Adoption

When Mozilla launched Focus for iOS in 2016, Apple had two WebKit implementations on iOS. Focus was implemented with UIWebView (slower, with more extensive content blocking capabilities), while Firefox was implemented with WKWebView (faster, with limited content blocking capabilities).[1]

Focus was Mozilla's way of offering Tracking Protection on iOS in some form without slowing down the performance of its main Firefox for iOS app. In addition to blocking ads within the Focus browser itself, Focus also provided iOS content blockers, which ironically (due to iOS content blockers being exclusive to Safari) allowed Focus users to block ads in Safari but not in Firefox for iOS.[2]

Focus migrated to WKWebView in 2017 after iOS 11 bridged WKWebView's feature gap, allowing Focus to retain its Tracking Protection feature through the transition.[3] With Firefox and Focus both on WKWebView, Mozilla then ported Tracking Protection to Firefox for iOS in 2018.[4] Tracking Protection improved Firefox for iOS, but could not be as comprehensive as the Safari-exclusive content blockers.

By that time, Mozilla had already launched Focus for Android in 2017 even though Firefox for Android already had the ability to block ads more comprehensively with extensions.[4] As a privacy-focused secondary browser, Focus was a niche app that turned out to be well-received by users, and Mozilla probably did not have a good reason to discontinue it even after Firefox for iOS gained Tracking Protection.

[1] https://news.ycombinator.com/item?id=12977855

[2] https://blog.mozilla.org/en/products/firefox/introducing-fir...

[3] https://github.com/mozilla-mobile/focus-ios/issues/274

[4] https://blog.mozilla.org/en/products/firefox/latest-firefox-...

[5] https://blog.mozilla.org/en/products/firefox/firefox-focus-n...

Feature request is at https://github.com/mozilla-mobile/focus-ios/issues/2970 but it's been stale for a year.

The next update is supposed to fix this: Links should not open outside of Focus by default.

Just did, I'll link it here too just in case: https://github.com/mozilla-mobile/focus-ios/issues/3673

Github: Firefox Focus for iOS

Try reinstalling the app. If the problem persists, please use this page report crashes and bugs.

Someone mentioned this on Github months ago: Setting to disable link previews.

Please go to this page and click on New issue to report crashes and bugs.

You can report issues directly to the developers of Firefox Focus for iOS on Github.

Someone opened a new Github issue to request it.

Pawternity Hub is a Pet Adoption website where people can find local pets around their area to adopt. Started in a hackathon while brainstorming ideas to help the community, it was built with React and Bootstrap and uses the PetFinder API. Built by @NathanJoSuarez.

I have to say that looking for issues takes me forever. I want to further have more practice with JavaScript, so I head into this page to find any issues with JavaScript related. And I found that this project interested me, and the reason why is because it is a "full-stack" projects. I want to contribute to "small" full-stack project first, then further expand my knowledge, which enables me to build the fundamental.

The maintainer reviewed the PR very quick, he required some minor changes before merging my PR.

In the last blog, I have made a plan about how to add new feature to Awesome-Adoption project. Here are some tasks I need to complete in this week:

Picking two issues that challenged me more than my Hacktoberfest issues was not an easy process. The last challenge I left off on from Hacktoberfest was contributing a new provider to Notifire. Eventually I ended up choosing a Telescope issue and issue for a small opensource project.

In the final release, I decided to work on an external project named Awesome-Adoption which is a web application helping users find pets and adopt around their area.

I helped to improve image viewing in a React app called Awesome Adoption that I had previously worked on during Hacktoberfest. Importing the Carousel component from Bootstrap, I was able to make images more accessible on mobile. I am still working on ensuring the image size is correct for all.

register and login unit testing: https://github.com/redxzeta/Awesome-Adoption/issues/222

#207 highlighted the need for a modal through which the user could edit their profile. Awesome-Adoption is a React based application and I decided to work on it for my 4th contribution towards Hacktoberfest

First PR Second PR Third PR Fourth PR