All solutions

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

I am most proud of implemented animations in this project.

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

Animations with opacity of the elements change their stacking context. My navigation bar were displayed at the background despite it has huge z-index - z-indexes didn't works as i would expect. To overcome this problem I had to understand how to isolate every element so as not influence others.

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

Next time I will save the data of products in cart in variables for easier reusable.

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

I trained import/exports JS and split SCSS files into a few smaller files for easier work.

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

The biggest challenge was trying to catch every single error. I had problem with set JS functions to block submit form with any error. Finally form works well, it's impossible to submit form with error. I've learned more about forEach() function.

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

Work with radio buttons was great experience. For styling them I had to read some MDN.

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

Next time I will change method of save the data in the form. I want to make buttons states permanently.

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

I'm proud I was able to fetch data from JSON file. It was my first time to work with that type of file and it doesn't look like professional code for sure, but it works well. Now I want to learn more about fetching data from external sources.

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

If u know please tell me how I can improve my code in this fragment:

fetch("./data.json")
	.then((res) => res.json())
	.then((data) => (
	(workCurrentTime.textContent = data[0].timeframes.daily.current),
	(workPreviousTime.textContent = data[0].timeframes.daily.previous),
	(playCurrentTime.textContent = data[1].timeframes.daily.current),
	(playPreviousTime.textContent = data[1].timeframes.daily.previous),
	(studyCurrentTime.textContent = data[2].timeframes.daily.current),
	(studyPreviousTime.textContent = data[2].timeframes.daily.previous),
	(exerciseCurrentTime.textContent = data[3].timeframes.daily.current),
	(exercisePreviousTime.textContent = data[3].timeframes.daily.previous),
	(socjalCurrentTime.textContent = data[4].timeframes.daily.current),
	(socjalPreviousTime.textContent = data[4].timeframes.daily.previous),
	(selfCareCurrentTime.textContent = data[5].timeframes.daily.current),
	(selfCarePreviousTime.textContent = data[5].timeframes.daily.previous)
	)
);

I didn't know how to use loop or other staff to minimize proces of looking for data.

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

In this project I changed view with information about success signing up because this is JS challenge and I didn't want to waste time for fixing HTML and CSS. JS works well.

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

Work with svg files was difficult, but now I understand so much more when it comes to working with them.

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

The biggest challenge was positioning cards with only grid on different screen sizes. I wanted to learn more using grid so I read some MDN articles to better understand how to use grid. Finally cards are on the right positions :)

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

The biggest challenge in this project was to change style of markers in lists. MDN and Stack Overflow were helpful.

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

Change font size without using media queries.

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

I'm proud of time that i needed to do this project (20mins).