All solutions

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

I'm most proud of creating a clean and responsive FAQ accordion that provides a seamless user experience. The challenge of implementing smooth transitions and ensuring cross-browser compatibility helped me refine my CSS and JavaScript skills, which was quite satisfying.

Next time, I would focus more on optimizing the JavaScript logic to handle state changes more efficiently, especially for larger datasets. I might also explore using a JavaScript framework like React to manage the state more effectively and improve the component's reusability.

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

One of the main challenges I encountered was ensuring the FAQ accordion's transitions were smooth and responsive across different browsers. Initially, I struggled with some inconsistencies in animation performance due to browser differences.

To overcome this, I experimented with different CSS transition properties and JavaScript techniques, ultimately finding a balance that worked well across all major browsers. I also leveraged browser developer tools to debug and fine-tune the performance, which helped me achieve a consistent and polished final result.

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

Working on JS for creating user actions. And creating backgrounds using CSS

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

What I Am Most Proud Of: I'm really proud of how closely my code matches the design challenge specifications. I focused on translating the visual design accurately into functional code, ensuring that the component looks good and works well on all devices. I've also organized my code cleanly, separating styles and components into different files for better maintainability.

What I Would Do Differently Next Time: Next time, I'd like to explore more modern CSS techniques like Flexbox or Grid to make the layout simpler and more flexible. I would also focus more on accessibility by adding proper ARIA roles, labels, and ensuring good color contrast. Additionally, I could use some CSS frameworks for faster development.

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

One of the main challenges I faced was getting the SVG icons to display properly after deploying the project to GitHub Pages. Initially, they weren't appearing due to path issues. I realized the problem stemmed from using relative paths that didn't align with the folder structure on GitHub Pages. To fix this, I adjusted the paths to be absolute, ensuring they referenced the correct location regardless of the environment.

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

At styling like when to use width and max-width similar type of stuff want to learn specifics so that the design could be as close to mockup as possible.

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

I got back designing after a longtime. So tried understanding all basics and usage of flex and inheritance style design was I'm proud. But I'm sure that it's not elegant want to try different methods to style elements.

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

The challenges include this being a free+ project, with difficulties in debugging and designing. I acknowledge my understanding of the design layout and measurements is not perfect, but I have made an effort to try.

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

I want to know how to debug like from Figma files to design like to how to understand make it real.

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

Learnt how to build a HTML page with CSS styling from scratch without any tutorial HELL.

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

Didn't know how to start CSS styling so actually created all the HTML styling then using the sketch made the changes one by one.

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

CSS Styling, JS, Responsive Design and also Development using React. JS framework.