All solutions

What are you most proud of, and what would you do differently next time?

I am proud of the interactivity was able to implement using javascript.

What challenges did you encounter, and how did you overcome them?

I would have loved to have the interactive data in a JSON file, which will be in a "data" folder, import the JSON file, and interchange between the content based on the display "data id", but I was not able to do all that. So, I had to settle for manually changing the data through "ref". I would really love it if anyone could put me through how to work with my presumed plan.

What specific areas of your project would you like help with?

All unbalanced area of my project.

What are you most proud of, and what would you do differently next time?

it was an interesting page to work on...

What challenges did you encounter, and how did you overcome them?

I had problem with placing the background pattern properly and I still could not overcome it.

What specific areas of your project would you like help with?

Please, all advice about the placement of the background pattern is accepted

What are you most proud of, and what would you do differently next time?

It was a lovely journey...

What are you most proud of, and what would you do differently next time?

The challenge was interesting to do and getting to think outside the box made my day.

Working on this was very interesting and challenging, and yeah, I developed extra pages: Login and Sign-in Page, but not added to my current solution (trying not to go beyond what was asked of me). ALL CORRECTIONS ARE NEEDED!!!

Please, all corrections are humbly accepted.

This project made me realize my weaknesses with respect to flex and grid layout. I stumbled upon how to fit the image into their containers, making sure the responsiveness of the site does not resize the images and separate them from their corresponding text. I know some unintended errors might be present here, and I am looking forward to them getting corrected.

The icons were given with the document and added to the JSON data, but I could not access them in my code. I checked the naming and the syntax; everything was correct. But at the end, I had to get the icons on Boxicons, add them to my JSON data, then use "v-html" to auto-run it with respect to my "v-for" conditions.

Please rate my spacings and correlation to the real design!

Adding a navigation bar to the mobile design was quite difficult because I knew if I were to use vanilla JS, all I would have to do was call the class, identify the variable, and you know... But using Vue made the challenge of brain-tasking sweet because I had to think of another way to get the same result, minimizing my use of CSS as much as possible in that aspect.

I still have problem with applying JS as the toggle effect of the reviews although, I could solev it with CSS...looking forward to learning from y'all works.

I was not able to add the extra feature page according to the design preview. Any help with this?

I had problem with the importing of external font and the elimination of the line underneath an hyperlink.