All solutions

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

Any feedback welcome.

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

Any feedback would be welcome.

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

Any feedback welcome.

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

This was created by following Kevin Powell's guide on Scrimba.

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

Any feedback would be welcome.

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

The image carousel is what I am most proud of.

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

I had to give some thought on how the image carousel would work.

I have ensured the image displayed is from the picture/img element as I find it easier to control the size of the div's to ensure they are displayed correctly and the grid is shaped correctly.

When the user presses the left or right button, the next image is dynamically placed next to the current image and then moves across. This ensures that windows resizes are easily managed for the images.

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

Any feedback would be welcomed.

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

I quite like how the VR image and overlay "The leader in interactive VR" looks and is reactive when changing window size.

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

Working with SCSS took some time to get used to, however I can see the benefits for larger projects.

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

I was not sure about creating a new menu page for the mobile view, with new components, or reusing the components in the desktop.

I went with re-using the components in the desktop view, however if I wanted to animate the menu appearing I presume I would of had to create new components for the mobile menu.

Some guidance of when to reuse components or create new for the mobile menu would be useful along with any other feedback.

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

Any feedback welcome, particularly on use of BEM naming for CSS classes.

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

Any feedback is welcome.

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

Any feedback is welcome.

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

Any feedback welcome, particularly for the JavaScript code.

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

Any suggestions to improve are welcome.

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

Implementing the slide bar and moving the slide bar for mobile view by manipulating the DOM.

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

Implementing the slider bar was more complex than I expected.

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

Any suggestions to improve the code welcome.

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

Creating a useful and functional JavaScript app.

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

Initially I thought the app would be quite straight forward but there was more to code than initially expected. Important to plan how the code will be implemented.

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

The JavaScript code and how it might be improved.

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

How close my solution compares with the design pictures.

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

Had some issues loading the data.json file due to not running the solution in a server. Have started using live server in VSCode which resolved issues.

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

If the JS code could be made more compact.

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

Pleased with how my second JS project has gone.

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

No real major obstacles, however I am still new to JS so it took some time researching a solution.

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

How my code could be improved and how it compares to professionally written code.

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

This was my first Javascript project.

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

Was unfamiliar with Javascript so spent time googling / looking at documentation.

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

How this compares to professionally written code.

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

Working with CSS Grid as I haven't used it before.

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

I haven't used CSS Grid before so had to read the documentation.

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

Any advice would be welcomed. How my code compares to professionally code in particular.

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

The arrangement of the cards.

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

Required some trial and error with flex boxes to get the cards matching the design layout.

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

Any feedback on the code, particularly in relation to how it compares to professional code.

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

Getting my project very close to the design pictures.

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

Working with the flex boxes ensuring they worked how I wanted.

Spent time reading about the different flex box settings and then applied with some trial and error.

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

Would like to know how my code compares to professionally written code.

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

Creating the drop shadow.

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

Aligning the avatar and author name.

Set the container div to display flex and align items center.

Set the image container to be inline-block.

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

How the code compares to professionally written code.

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

n/a

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

n/a

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

I would like some feedback on how the code compares to professionally written code. Thank-you.