All solutions

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

passing props from child to parent and passing a v-model data in a proper way next time I will use tailwind instead of plain CSS.

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

the main challenge is that I used Vue to handle everything I needed to pass a v-model or two-way data binding so I searched and found that I needed to pass the binding value and the handler emit for a click handler and passed the props easily.

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

I don't think there is any issue with my solution but if someone finds any trouble or issue don't hesitate and let's discuss.

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

Adding animations to the website using the framer motion library is my first time using it, so I will continue using it in the future I also used the tanstack/react-router which is a new awesome library to handle the routing in the project.

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

adding animation when clicking the buttons or tabs I overcame it with trial and error and finally, I found the solution by adding them on the handlers

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

I think nothing or if someone discovers something wrong or enhancement I'd be grateful.

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

I am happy to sharpen my vue skills by building components with optimum logic using pinia and tailwind css and continue to master it.

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

I didn't face any challenges on this challenge.

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

I hope Vue developers can help me on the Vercel live site the images don't show on the Vercel so if you know what the issue is I'd be grateful.

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

this is my second time building a project using vue.js with typescript. So I am thrilled that I am on my way to mastering the vue framework

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

My biggest challenge was handling the state with an external library, especially pinia; I overcame it by searching and trials.

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

the reflecting on the state when it is change I am afraid that still I am not completely happy with the result of that project so if you find any enhancement to the project please suggest and don't hesitate.

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

I continue to develop the ability to add Accessibility and basic SEO to the challenges, so I hope to finally master them in the future.

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

I think nothing the challenge is easy and doesn't have tough tricks.

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

I think nothing but if someone finds any missed code or error in my solution it would be helpful if he/she can give me some advice.

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

I think using the newest CSS features like containers, range syntax, and layers. for now, I will stick with these techs and bit by bit I will add more new features.

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

extract the exact dimensions and font sizes even when I downloaded the figma designs and I overcame it with trial and error.

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

I think nothing.

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

I am using zustand as the main state management for the project with custom hooks and organized files.

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

complex states which I overcome by using zustand and custom hooks.

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

in the building stage, there is a minor error that makes my solution not appear properly.

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

using my last techniques to make that challenge easy and smooth, I add the mobile-first process as my first time.

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

how to make the page accessible and SEO friendly and I used AI to help me add the necessary attributes and tags to make the page more accessible and SEO friendly.

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

as for all my solutions, I need all challengers to give me suggestions and advice about anything on my solutions it will be helpful.

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

I made a 100% Accessibility and 100% SEO and the project is responsive.

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

I wonder what is the best HTML tags to describe the Accordion and I asked the AI and I found the solution and it gives me 100% Accessibility and 100% SEO.

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

nothing for now but if any body found anything please don't hesitate to give me a suggestions

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

Adding accessibility and semantic HTML5 is what I am most proud of. I can submit another solution using React and tailwindcss.

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

there are no tough challenges that I face in this challenge but I have a little challenge which is adding an active state and removing from other children I searched a lot and finally, I found the solution in the poe.com.

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

I think I covered the most areas in that challenge, so I can't think of any places where I need help.

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

HTML5 Semantic, style using BEM, and Accessibility.

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

style tables and lists and I overcame it using searching and AI and it was fun.

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

HTML5 Semantic and Accessibility.

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

Accessibility, pure JS validation, and Custom checkbox&radio buttons

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

Accessibility this what I struggled with and I overcome with digging in AI and Searching on Google and I hope I can fill all the gaps in this challenge.

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

Accessibility and Semantic HTML: If you find any extra code I can add or enhance, please don't hesitate to contact me.