Notes on Bhagavad Gita web app "My-Gita", open-source Github repo using Next.js
Last updated on 14 Jun 2024
Today I started going through "My-Gita", https://github.com/parthpanchal123/My-Gita , no license, last modified in April 2023, live site: https://my-gita.vercel.app/ . Its README states that it uses bhagavad-gita-graphql for the data which seems to be the same GraphQL data source that I used for my small Bhagavad Gita (BG) chapter summaries test Next.js app mentioned in my recent posts.
I was able to easily clone the My-Gita repo and get it to run on my local PC. The steps I followed:
- Cloned repo using VSCode.
- Ran 'npm install' command.
- Ran 'npm run dev' command.
That's it. The app. was running on local PC browser on http://localhost:3000.
One small issue with the app even on live site (don't know if that is deliberate design though) is that the verses text in the Chapter page is not visible (for my Chrome browser settings at least) and when one moves the mouse over a particular verse, the verse text shows in black colour on gray colour background bar/rectangle, which is hard to read. But after clicking on the verse, the individual verse page contents are in white or orange against the black background of the page and so easily readable.
...
For PC full screen width, the home page image: home-cover.webp is clipped at the top and bottom. As the screen width is reduced more of the image is shown.
-------------
14 Jun. 2024 Update
Have started going through this app. again after I spent some time getting a better understanding of Tailwind CSS.
...
Notes on ResNavBar.tsx
"Use sr-only to hide an element visually without hiding it from screen readers:", https://tailwindcss.com/docs/screen-readers
App is using Transition from @headlessui/react and this seems to be its reference/guide page: https://headlessui.com/react/transition
App may be using https://heroicons.com/ SVGs. But I did some searching for some free SVG icons on Google which led me to the following:
Free Burger icon SVG - https://www.svgrepo.com/svg/506800/burger-menu
Free close icon (X) SVG - https://www.svgrepo.com/svg/493618/times-close-error-fail-failure-failed-x-cross-bad
Seems to be free home icon SVG - https://icons8.com/icons/set/home
----
end 14 Jun. 2024 Update
Comments
Post a Comment