All solutions

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

This is my first ever project using the angular framework. It was a big change moving over from using vanilla js to angular js itself since it mostly involved using the structural classes it had and typescript too. I used too many components and should limit how many components i make for a single project. I hope to use lesser components the next time.

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

The only problem i faced was how to dynamically add classes to an elements since js allowed us to use classlist, i thought a similar way was used in angular but i later found out that angular used a structural attribute known as ngclass which would add or remove classes based on a TS expresssion

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

In this project how to better use the event listener of input which listen and execute a function as a user types within an input field and can see if the input is valid or not. I got a better understanding of regular expressions that are used to verify email addresses. I was able to set the background image and understand the property of object-fit in css

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

On submission i want a success or error message to appear for a small amount of time. Any and all suggestions are welcome.

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

I applied a few error handling cases into my program as well as use forEach loop to avoid using variables for all the buttons, I added an eventlistener to the button which would check if the button was a submit button or a rating button via checking if it contains an attribute of value. I was able to do a few tests and started using the console in the browser efficiently.

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

I initially faced the issue of setting the rating based on assigning the value of a variable within the forEach loop but that didnt work since it was always set on a local scope and not the global one. I then directly set the value of the rating via .textContent() property within the loop which worked out pretty well.

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

The popup positioning was quite well placed imo. The project was rather easy and was quite to similar to a previous i did on this platform so i used some concepts from the previous project and was able to create quite the result better than the last one.

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

Well the only issue i encountered was how to create a pointer for the popup. i first used the :before and :after pseudo elements and tried to position them relative to the popup but the popup was already positioned relative to the share button. I settled for creating a two more divs and making the necessary adjustments to create the pointer. Which was turned out well.

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

I used two divs two create the pointer to the popup on the desktop version of the webiste. I placed the actual pointer within another div which i used to positiion relative to. after position the pointer i then rotated the div itself and adjusted the direction and the zindex behind the popup which gave it the pointer look.

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

I started using scss and this my second ever project in it. I would like to better understand it and use functions and mixins a lot more efficiently with it.

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

Well i faced the issue of the transition of the hover state of the icons in the footer so after a bit of reasearch i found out that svg data types can be altered to what different colors by css so thats how i adjusted the logo in the footer and the icons. Another issue i faced is how to place the background image in the header and main section below i tried using the img tag and giving a position with a low z index but it didnt work so i then used a container to wrap the header and the bg img and then give it a backgorund image along with the appropriate background color.

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

I would like someone to review why the width on my main container isnt increasing although I tried adjusting it to different widths and heights. All reviews are appreciated :)

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

I am proud of the fact that i created a good layout that is essentially responsiveness for all mobile and laptops across all resolutions and was able to create a good efficient layout.

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

I faced the issue of setting the position of the curve that is used in the website and mobile aspect of the website. After trying to adjust it in the container i wrapped the first container within another and created a picture tag with am image and a source tag which changes images upon changing screen resolutions. Essentially creating two divs the picture and the container. I set the position absolute of the picture.

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

I would like to create a better tablet version of the website. If someone could review my code and give me any sort of suggestions it would be great.

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

I was happy i got to understand the main logic behind how to create shapes with the help of css. I can now easily estimate an almost accurate time to complete a project. This particular layout was easy but I do think i can improve on a few aspects.

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

I faced the difficulty on setting the background image in the mobile version of the website. I used both an image tag and a background image on the body. The issue i faced was with the image tag the content all moved down after the background i tried setting differing z-indices but it didnt work. At the end I used the backgroun-image property on the body which worked well after adjusting the size and height.

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

I would like someone to review the responsiveness of the card on the mobile version and see if i could improve on the 1st card and use some better ways to style images.

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

This project was quite easy because i have been practicing with a few other objects so i believe i have gotten better in this whole web development which is a big win on my win. If i wanted to improve something I might set a proper height to the card next time so that it would properly show on the screen.

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

While on the desktop screen i wanted the card to shorten while not stretching the image but when i did so it was shortening both the image and the card. This was an easy fix i just unset the picture width within the media query and was working just fine.

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

I am facing issues with the mobile version of the app since i believe it is too long for the screen if someone could actually take a look at it and review it, that would be appreciated.

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

This project didnt even take half an hour so it was a i win for me since i did complete this in record time

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

I'm particularly proud of the fact that I was able to give it the necessary layout and made use of the percentage unit more for width which helped with the responsiveness more. I would like to rewrite my media quries again so that i may improve the design a bit more.

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

I couldnt figure out the color for the font in the cards that were white but after a bit of experimenting i used the colour of the second card and made use of the rgba color to give it the necessary opacity

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

During this particular challenge i created a container for all the cards and gave it a display of grid but no matter how much width or whatever dimensions i gave it nothing ever changed. I wanted to center the card container but it didnt work.

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

I am proud of the fact i got a better grip on my understanding of responsiveness of images in different resolutions. I would like to efficiently use media queries by making less instances and code within them.

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

The only problem i did face was the responsiveness of the img, for which I first used a background image then later reverted to image tag.

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

if someone could take a look at my media queries and image styling as well as leave a review it would be much appreciated.

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

Well, it was a simple project so there isn't much to be proud of so i would like to i am proud of completing the project in a hour.

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

Well i faced issues with responsiveness and would like reviews for how to improve it.

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

I would like help with the responsiveness for phones since the layout for phones as small as 320px for width.