App Screen 1 (UI + Backend integration)
In my previous blog, I explained about Hasura auth and data API. In this blog, I am going to explain about how I successfully created my App screen 1.
As part of the internship, I have to create 3 app screens. Each screen should be created in a week. This is the link to my blog-post on App idea, where one can find the details of all my app screens.
I have been selected for Hasura internship. I got this wonderful and golden opportunity of doing the internship after I…medium.com
Hasura recommended everyone to build the app screen which is the easiest first. I understood that it is because when we build the easiest screen first, we can learn the basic knowledge of how to design the web page and also how to integrate with the backend which will be helpful in building the rest of the app screens. I chose “Home page” of my app as the first screen to be built by me. It is the easiest screen since it requires only select operation to be done with the Hasura postgreSQL database.
The following screen shows the list of “Trending Smartphones”. The user can also select the smartphone manufacturer from the sidebar.
The following screen shows the list of “Top rated Smartphones” based on the ratings of the users.
The following screen shows the list of “Top rated Smartphones”. It also shows “About us” and “contact details”.
I referred this video by Hasura https://www.facebook.com/HasuraHQ/videos/1331237096943289/
My webapp is available at https://gp.accountability99.hasura-app.io/
In my next blog, I will explain about how I build the second app screen.