About Android App Guide

Programmers that love Open Source also love GitHub and other hubs where developers are publishing their apps.

This app is oopen source and therefore you find it on GitHub.

Clone it, download it or use this repo as a template for your apps, like I am doing. If you look in my account on GitHub, you will find that I have at list three apps that use this repo as a theme and template.

Vercel are giving the possibility for GitHub-users to host a public github-repo for free on Vercel. With a name like Android App Guide, the url will be:

• https://android-app-guide.vercel.app

Read more about the collaboration between GitHub and Vercel here.

Like many of you: I'm not a css-stylist. I love a good theme and when I find one I'm not ashamed to use it as a base-theme, and then do the nesessary changes for my needs. Your welcome to do that, you to!

I found my base-theme in the repo to Benbinbin. If you check out his BlogiNote you will understand that his theme is my base-theme.

The changes or the futures I have added isn't in the style, except for the accordion style and all the collapsed accordions.

That's the way its works with open source-code. Someone is copying your repo, working with it, and after a while the changes is bigger than the original work.

I have added the futures I need, and removed some of his futures. Look in the next tab to see it all:

100% Healt Score	Lighthouse => 99.6%

• 100% Health Score with ahrefs website-checker:¹
• 100% in Accessibility, Best Practices, SEO and PWA (Progressive Web App) on Lighthouse-report. 98% on Performance. Total 99.6%.²

Full search functionality

• Full search functionality with use of pagefind. (Not in offline-mode)³
• window.find()-function is used to continue searching in a article. (Not in Edge.)⁴

Style and icons

• Accordion style, all collapsed on start with better overview of content.⁵
• Advanced catalog or index to see the structure of the content in a hierarchy or graphical map.⁶
• Offline icons, nuxt-svgo.⁷

Helpers (functions/methods)

• Providing helpers to all my functionalities (methods).⁸
• WebNotification can be used in this package to send msg to the user.⁹
• Typescript checker in developer-mode (vue-tsc).¹⁰
• Images in content is copied to public folder trough the "copy-images-files"-module. (Have to be done because of an nuxt-content-issue).¹¹

Arrangement for PWA

• Privacy policy statement with route, ready to be used on Google Play Store.¹²
• @vite-pwa/nuxt is setting up the PWA. Manifest is loaded trough the settings in nuxt.config.¹³
• BubbleWrap guide. See assets/guide. Required to be read.¹⁴
• Hosting on Vercel.¹⁵

Extra Futures

• Caching in dev-mode: Run rss-sitemap.bat after build or generate.16
• Vercel Analytics, can be used when hosted on vercel.¹⁶
• Verification of ownership with google-site-verification-file in public-folder, and code in .env-file.¹⁷
• GitHub-Comments, giscus.¹⁸

This is a copy/past from the readme-file in my github-repo.

• Add nuxt/ui or/and add dark-light-theme-toggle.
• Maybe add Google Translate option (not auto-translate).

This is a copy/past from the readme-file in my github-repo.

Only God knows all the challanges I had to get my PWA works properly in offline-mode.

Going from a website on vercel to Google Play is a big step. I have worked hard to learn the modern way of doing it and have been stopped by many incredibly big problems along the way.

• First challange is how to get the app work properly as an PWA.
• Second challenge is how to use bubblewrap to convert the pwa to a "java"-app.
• Third challenge is how to get access to Google Play Console, and how to use it.

If you use this repo as a standalone-theme or as a template, then you don't need to struggle with the first challange. In this tutorial and guidelines I will try to learn you how to use; (1) bubblewrap and (2) the Google Play Console.

If you are familiar with github and vercel you can jump right to the last step in this tutorial about bubblewrap and the Google Play Console.

The people who should have the thanks and credit for all the amazing features on my website are:

Benbinbin beyond the nuxt-theme BlogiNote, has the credit for a mobil-friendly userinterface.

CloudCannon beyond the search libery Pagefind, has all credit for the search functionality on the site.

Nuxt, GitHub and Vercel has the credit for the framework, programming environment and deployment of websites.

If you like this app or the guide to how to going on from a webpage to Google Play Store, follow me on GitHub or give a star to this repo on GitHub.