All solutions

Hello everyone, It's been a while since I posted anything here. Well, I have been learning Javascript, also I was pretty focused on backend development in school projects. So, I put at your disposal my solution for the frontend mentor interactive rating component challenge. I have tried to do my best to make close to the design as well as added some stuff that I found useful:

• Users aren't allowed to move the submitted page after clicking the submit button unless they have chosen a rating, if they didn't an alert will appear to tell them that they should choose one.
• I added a back button in the submitted page.

I hope you would check the code and the live site and provide me with your feed back as for the questions that I have they are the following:

• What are the best practices when it comes to popup windows?
• When do you think someone is ready for working as a frontend developer, I mean what is the minimum knowledge?

It's been a while since I have done a new challenge. Well this has been done pretty fast it still needs a lot of fixing so if there is anything that you have noticed I can fix or maybe do better please let me know

Hello everyone, I hope you are all enjoying coding. So this my solution for the Fylo landing page with two column layout using Html, CSS and JavaScript. I enjoyed it a lot. I learned a lot like :

• 📪 Email validation with regular expressions.
• 🎨 Styling elements using Javascript. Please feel free to tell me if there is something I can improve or fix or anything that I missed. I would appreciate your help

Hello mates, How's coding with you? So I'm dropping another solution for four card feature. I had a lot of fun making this. I have learned a lot about CSS animation and Grid CSS. I have added two animations one for the mobile interface and one for the desktop interface. I would say that I'm proud of the second one, but feel free to let me know if there is anything I can fix or add ^^

Hello mates, I have finished this solution. It has really helped me learn Grid CSS and practice it. I have included in the readme file some useful playlist that has helped me a lot (in Arabic). I am trying to know the best practices and how to write both clean code that makes it easy for others to read. I have few question that I'll grateful if you would provide with some answers:

• Do you thing it's OK for me to jump for harder challenges or just take it slowly?
• How do you know if your code is good enough for example if it's good enough for job?
• When is the best time to use flexbox instead of grid?
• Having a portfolio is important, when do you know that you are ready to show off your work? What kind of projects that are worthy to show off?
• Some times I see stuff that can be made using only CSS, but people mostly use JavaScript to do it, is there a reason for it?
• Is it better to do stuff the way you think is good or try to make as it's commonly done?

Greetings, Frontend community

• I have finished this challenge. I had fun doing it. There was a lot of new stuff I learned, like animation keyframes. In addition, I am working faster as I become more familiar with HTML. -Also, I added some animation to the illustration and some hover effects. Please if there is anything that I can improve or add just drop it in the comments.

hello everyone, this my solution for the social proof challenge. Though, I tried to get it as close as possible to the design it still requires a little bit more of work. It was fun working on something different then what I did before. I would appreciate any tips for a better result.

Hello everyone, I have finished this challenge. I am enjoying these challenges so much. I'm learning a lot. I hope you could drop your comments, feedback and thoughts. So my questions are:

• In Tailwindcss, when is it best to use @apply instead of repeating the same code? I saw a note on the website that it's not preferable to use it a lot, but why is that.
• In react, how do you know when to put something separately on component?

Hello everyone, I have just finished this challenge. I tried to get it as close as possible to the design. I have used react and tailwindcss. I am getting used to them as practicing more.

• What I currently find difficult is to work fast, I am not sure whether having the skill of getting more work done faster does make a difference in terms of getting a job, is it about quality or quantity?
• Is it a must to make the thing exactly like the design what if the developer wants to change something or maybe add something?
• Do you think I should go with harder stuff as I'm still learning the basics, or do you think it's better to master these first?

Hey everyone, This is my solution for the challenge and the first time using react. I used Tailwindcss. I am not yet used to react but I did my best to make it as close as I could to the design. Any feedback is highly welcomed and if you could provide me with good resources to learn react and practice it. As for the questions I want to know why does the picture keep getting cropped from the top in the mobile design?

Hello, so I have finished this challenge. I tried to make as close to the design as I could. Your feedback would be so helpful to me, so please leave your thoughts about my work. If you could suggest anything that can improve it, drop it in a comment.

Hello, everyone, This is my solution for this challenge, I hope you can provide with feedback. My questions

• Does the developer have to make the website exactly the same as the design, like can we add some stuff if we want to or maybe change the sizing?

Hello everyone, I have finished this challenge. I have learned a lot still have some issues though. This was my first using tailwind-css. I'm still not quite used to it, but I liked the experience.

Here are some things I found difficult building the project:

• Knowing what are the right sized to use.
• Working on the image element.
• Organizing my work.

How I think I can solve this:

• I tried playing with numbers as someone here advised me too, I will to search for how these sizes are chosen and understand css unit more, maybe that will help, I would appreciate any recommandations though.
• I need to study images behavior to understand how to deal with in the future, and I'm still having the problem on the desktop design, I would love if anyone could help me with that.
• As for organization, I have to practice more, maybe watch how more experienced people work.

My question:

• Could you provide me with feedback of what I have done so far?
• Could you give any suggestions for the issued precited?
• What do you think is the best practice for a beginner ?
• I have seen that writing a good readme file is so important. I searched few guides, but I want to know more about that.

• How to know much padding, margin, font-size just from a picture?
• What do you think is the best practice for a beginner?
• How do you organise your work in projects?