I intend to finish the Talents Recognition page, where the users can create posts and filter posts by their selected category. This is done by adding the post details into Firestore, which can be done using Dictionary and SetAsync().
For Firestore, I have stored the Posts by their Category, where each collection contains the posts of that particular category, e.g. "Information Technology".
For the create posts function, the user can upload a post with some description and an image. They can also filter their post by a category.
I decided to include a view for the uploaded image to increase the user friendliness of the application. However, this was my impediment as I was not able to change the image properly. With many trial and errors, I realized that I can solve this by using javascript and CSS. I decided to try using another image tag to display the uploaded image. The CSS will hide the element upon the onclick function (JS) of the remove image button.
My Learning Points:
I have learnt that how to change the visibility of elements in webpages, which was something that was not taught in-depth in my Front-End Development module. I also learnt how to use Dictionary and SetAsync to add documents into Firestore.
What I would have done differently:
If I had more time to work on this, I would like to allow the user to upload multiple images. This was not done as it was not an important function of Ukiyo.
Personal Thoughts:
I feel pleased with myself as I have learnt more about CSS (particularly on visibility and hidden attribute), which is my Achilles' heel.
Comments