What are you most proud of, and what would you do differently next time?
I am mostly happy with being able to do some refactoring in css to make it shorter and more consistent.
What challenges did you encounter, and how did you overcome them?
I don't know how to incorporate static fonts provided in the folder. But again, I just used the links from google fonts instead of looking for the solution to the static ones ;)
What specific areas of your project would you like help with?
What are you most proud of, and what would you do differently next time?
I am proud of how I structured my state management and components. I used two components for the Form and Success Message.
And kept track of two state variables. one keeps track of which state we're showing to the user. e.g. initial or error or success. in the initial state we show our form component and we also show it in the error state but we add the modifier class form--error to style it. in the success state we show the Thank You Message component passing it the email.
Another piece of state is the email itself. our input is controlled. so whenever the user is typing the email stored in react updates to match it.
I used BEM to assign classes to my components. and style in them in one file using CSS Nesting. I might try out a different approach of styling next time.
What challenges did you encounter, and how did you overcome them?
My main challenge was with styling the project. my first problem was how to handle the svgs illustrations. my first thought was to put them both inline and use the display property to hide one and show one using media queries. however for some reason with this approach the second one loses all colours. I have no idea why that happens. if someone knows why please let me know.
So I removed them. and used them as background images instead. I had no idea on how to style the project between the mobile size and desktop size so I just made the image stretch. not totally happy with that. but it seemed good enough.
What specific areas of your project would you like help with?
As always I'd like to know if my code is readable and understandable.
What are you most proud of, and what would you do differently next time?
I'm most proud of completing the project in a shorter time than expected. However, reflecting on it, I am not sure about how I used the grid property and img.
What challenges did you encounter, and how did you overcome them?
Throughout the process, I encountered challenges such as aligning images and text for the author element, which I resolved by declaring "display: inline-block". Additionally, I initially struggled with grid due missing properties, which I quickly corrected.
What specific areas of your project would you like help with?
Moving forward, for the next iteration of my project, I would appreciate assistance in resolving different font-size in mobile view without using media queries, as suggested during the challenge
What are you most proud of, and what would you do differently next time?
I'm proud of being able to assist and provide helpful information to people around the world. It's incredibly rewarding to see how I can contribute to various tasks, from answering questions to generating creative content.
What challenges did you encounter, and how did you overcome them?
One of the significant challenges I encounter is understanding and generating contextually relevant responses. Language is incredibly complex and nuanced, and capturing the subtleties of human communication presents ongoing difficulties.
What are you most proud of, and what would you do differently next time?
Next time, I would focus more on the initial planning and design phase. I realized halfway through the project that my initial wireframes were not detailed enough, which led to some redesigns and additional coding. Additionally, I would like to improve my testing process. I relied heavily on manual testing, which was time-consuming and prone to errors. Incorporating automated testing from the beginning would have made the development process more efficient and the application more robust. Moving forward, I’m learning more about tools like Jest and Cypress to integrate automated testing into my workflow
What challenges did you encounter, and how did you overcome them?
The result was a much more manageable and scalable application. The bugs related to state management were resolved, and the performance improved significantly. This experience taught me the importance of selecting the right tools for the job and reinforced my ability to quickly learn and apply new technologies. It also highlighted the value of effective communication and teamwork in overcoming technical challenges.
What specific areas of your project would you like help with?
work with flex and grid more helpful thing as a beginner like me . please provide some useful tactics and ideas to complete because some of the things made think some difficultly .
What are you most proud of, and what would you do differently next time?
In most of the documentation for Angular multiple theme approach people have used material, or they have added the dark/light classes in the component hmtl. Material is a good and convenient sollution, but adding theme class on component is not very useful if you have lots of component. So in this approach the theme variable I have loaded gloabally only once, then that can be used anywhere in the application.
What challenges did you encounter, and how did you overcome them?
Dual theme without material felt very much exciting. In this approach I am dynamically appending css theme files to the dom. It took some time to figuring out the exact way, but it was worth. :)
What are you most proud of, and what would you do differently next time?
This was fairly simple and straightforward task following the other newbie challenges. I picked it up because I wanted to learn to work with Figma files.
What challenges did you encounter, and how did you overcome them?
Incidentally the biggest issue appeared with the Figma and using the correct values for components in my project. I had the correct setup, then got confused and changed it and couldn't get back to the desired version.
What specific areas of your project would you like help with?
I noticed that the image in the mobile version is supposed to be cutout of the overall image, however despite the fact I tried to use object-fit: cover; attribute that was supposed to solve it, it doesn't seem to work. Any suggestions would be appreciated.
What specific areas of your project would you like help with?
This is the first time I ever used SASS, so I’m happy I was finally able to use it 💖 Please lmk if you find any issues or if you have any suggestions on how I can improve my code (especially in terms of accessibility, use of SASS)/implement best practices 🫡
What are you most proud of, and what would you do differently next time?
I'm pretty happy with the overall results.
Maybe I'd do something about code structure and avoiding to use media queries somehow.
Also I'm happy about the use of locally scope variable to add different background colors to cards (I'd have done the same thing with dedicated classes, but I did it this way just for experimenting, so it was unecessary).
What challenges did you encounter, and how did you overcome them?
At first when I put elements with flex I expected them to go on the next line when they wrap, but they didn't at first.
I found out that giving the wrapper container a max-width did the job.
What specific areas of your project would you like help with?
As I mentioned in the beginning maybe I would like to have some feedbacks on overall code structure, but any feedback is really appreciated!
What are you most proud of, and what would you do differently next time?
Foi gratificante terminar o desafio próximo do esperado.
What challenges did you encounter, and how did you overcome them?
Esse é meu primeiro desafio depois que comecei a estudar desenvolvimento web. Senti um pouco de dificuldade no início para alinhar o componente ao centro da tela mas depois fluiu. Espero que cada desafio sirva como um degrau de uma escada para adquirir cada vez mais conhecimento, errando, aprendendo, errando...e assim sucessivamente.
What specific areas of your project would you like help with?
Eu gostaria de ajuda principalmente na organização do CSS. Ainda sou iniciante, sei que tem muita coisa ara melhorar, mas com ajuda e dicas nesse sentido com certeza o processo será mais suave.
What are you most proud of, and what would you do differently next time?
nothing
What challenges did you encounter, and how did you overcome them?
DAMN QUOTATION MARK, WASTED 5 WHOLE HOURS JUST TO FIXED IT.
What specific areas of your project would you like help with?
i think i need to learn more aout flexbox and position property
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
