Ravi S. Iyer: Software Development

Minor update on 1 Oct. 2024 Gita web app (latest version) deployed at:  https://gita-rsi.vercel.app/ . GitHub repo:  https://github.com/ravisiyer/gita  .  About older v1.2 Notes for students & self-learners on dev from v1.2 to v1.3 About next v1.4.1 This version adds to the Settings feature of earlier version 1.2 , the ability of selecting translator for chapter page, use or not use the replace question mark (?) by comma (,) fix for commentaries data, selecting languages for chapter summaries and whether full window width should be used by all app pages for large window width devices like PC or laptop. It also uses higher resolution hero images (for home page). Given below are some screenshots on PC desktop and mobile of the v1.3 Gita web app: [On PC desktop/laptop, to open pic in larger resolution (if available), right-click on pic followed by open link (NOT image) in new tab/window. In new tab/window you may have to click on pic to zoom in.] For students and se...

Last updated on 18th Aug. 2024 Minor update on 1 Oct. 2024 Quick Info App (latest version) deployed at:  https://gita-rsi.vercel.app/ Github repo of app:  https://github.com/ravisiyer/gita About older v1.2 Details Do we really need node.js to build react application? , https://www.reddit.com/r/reactjs/comments/mzcqyr/do_we_really_need_nodejs_to_build_react/ Based on responses in above page by nullpromise and drcmda: Node is used to transpile JSX to (plain) React. One can do React apps. without Node if we don't use JSX.  'You don't "need" it, but then again, without Node there is no web dev as it is understood today.' Node Package Manager (npm) is (a popular platform) for developers to share code. --------- Cookie size limits and the impact on the use of Convert goals, https://support.convert.com/hc/en-us/articles/4511582623117-cookie-size-limits-and-the-impact-on-the-use-of-convert-goals As per above, Chrome limits size of a cookie to 4096 bytes. Typically 300...

Minor update on 1 Oct. 2024 Gita web app (latest version) deployed at:  https://gita-rsi.vercel.app/ . GitHub repo:  https://github.com/ravisiyer/gita  .  About older v1.1 Notes for students & self-learners on dev from v1.1 to v1.2 About next v1.3 This version adds to the Settings feature of earlier version 1.1 , the ability of selecting individual translators and commentators within each language, whose translations and commentaries are shown in verse page. In version 1.1, only languages could be selected and all translations and commentaries of selected languages were shown in verse page. Given below are some screenshots on PC desktop and mobile of the v1.2 Gita web app: [On PC desktop/laptop, to open pic in larger resolution (if available), right-click on pic followed by open link (NOT image) in new tab/window. In new tab/window you may have to click on pic to zoom in.] For students and self-learners who want to understand the changes from software development...

Last updated on 11th Aug. 2024 For the Gita web app. post version 1.1 that I am working on, I need to have a settings page with a nested list of selections of depth 2, with each depth level having dynamic number of entries. For the outer list, I already have a dynamic number of  checkboxes (HTML input type="checkbox") for languages  . Now I want to provide listboxes of translators and commentators for each language with number of translators and commentators being dynamic, and multiple selections enabled. I checked out possibility of using Headless UI Listbox . Some notes about it are given below: Data attributes, https://tailwindcss.com/docs/hover-focus-and-other-states#data-attributes : "Use the data-* modifier to conditionally apply styles based on data attributes." Headless UI Listbox and associated components use these data-* modifiers. From https://headlessui.com/react/listbox#component-api : For ListboxOption, examples of the data attributes are: data-selec...

Last updated on 14th Aug. 2024 Minor update on 1 Oct. 2024 Quick Info App (latest version) deployed at:  https://gita-rsi.vercel.app/ Github repo of app:  https://github.com/ravisiyer/gita About older v1.1 Details To show selection of authors for translations and commentaries, I was exploring whether there could be a single graphql query that does that for me .... Article has JS code example that does the filtering: filtering out zero total from nested result in graphql query, https://stackoverflow.com/questions/69069915/filtering-out-zero-total-from-nested-result-in-graphql-query https://graphql.org/learn/queries/ Pass obtained field to another (nested) query in GraphQL, https://stackoverflow.com/questions/47240085/pass-obtained-field-to-another-nested-query-in-graphql Given below are some of the queries I tried: query MyQuery {   allGitaAuthors {     nodes {       id       name       gitaCommentariesByAuthorId { ...

Last updated on 14 Aug. 2024 Minor update on 1 Oct. 2024 Gita web app (latest version) deployed at:  https://gita-rsi.vercel.app/ . GitHub repo:  https://github.com/ravisiyer/gita  .  About older v1.0 Notes for students & self-learners on dev from v1.0 to v1.1 About next v1.2 This version adds to earlier version 1.0 , the feature of user selecting the languages of translations and commentaries in verse page through a 'Settings' page. [Minor improvement was made later to 1.1 showing a note on verse page about 'Settings' and that version is live in the vercel.app link above.] Above pic: screenshot of Settings page. [On PC desktop/laptop, to open pic in larger resolution (if available), right-click on pic followed by open link (NOT image) in new tab/window. In new tab/window you may have to click on pic to zoom in.] Above pic: Minor improvement to version 1.1 which shows a note on verse page about 'Settings'. For students and other self-learners who want to und...

From web application (web app),  https://www.techtarget.com/searchsoftwarequality/definition/Web-application-Web-app : "A web application (web app) is an application program that is stored on a remote server and delivered over the internet through a browser interface." The web app is accessible on various platforms like desktop PC, laptop and mobile through a browser like Chrome. The article has an interesting section: "Web app vs. native app vs. hybrid app". Essentially, in the mobile platform, the native app is built for that platform and may use features of mobiles like GPS and camera. As of now, my work is only on web apps. To prevent confusion, I have modified my Gita (web) app and related blog posts to use the term 'Gita web app' instead of 'Gita app'.