Info section

[demircaner]

• Add tests for the info section and rename the Hero.js to HomePage.js
• Modify the Footer test for profy.dev since there are two links with the same name now
• Fix the indentation issue with the list in How it works section when resizing

[mentor-tara]

Great job 🚀 I'm a bit busy at the moment but I'll leave a review soon.

In the meantime, consider starting with the next task already to practice the professional Git workflow. If you need a refresher, feel free to follow this section in the course again.

[mentor-tara]

Before I approve this PR I'd like to share a few tips with you.

Please go through the list below and review your own code first. Imagine you're the reviewer or a person who didn't see the code before. Ask yourself if everything is clearly written and understandable. Are components and variables properly named?

Reviewing your own code with this mindset is an important practice that will help you learn a lot and write high-quality code.

To make it a bit easier for you here are the tips I promised. Some have a link 🔗 attached where you can find more information. I'd recommend reading the bold tips in any case. Feel free to check the boxes when you think your code fits.

General:

• Use the article tag instead of section 🔗

Styles:

• Refrain from styling children with CSS selectors 🔗
• Extract shared CSS values 🔗
• Use global styles when appropriate (e.g. for font-size of headings, color of links...) 🔗

Tests:

• Use within to test multiple occurences of elements (e.g. the profy.dev link) 🔗

Once you're done with reviewing your own code feel free to check the example implementation. But remember: It's an important exercise to review your code first on your own.

When you think this PR is ready to be merged just let me know by requesting another review. I'll approve right away.

[mentor-tara]

Great work! 🎉🎉🎉 You can merge the PR now.

Note: This is the last task included in the free membership.

It's up to you of course, but I'd be super happy to finish this project with you.

This is what you'll get when you upgrade to a premium membership:

• Get access to the tasks and designs for the search page.
• Build a dynamic form to fetch data from an API.
• Transform the data as preparation for the UI.
• Build the interactive heatmap.
• Write automated tests for dynamic components.
• Get advice on how to prepare this project for your job hunt.

I hope you're ready to take the leap. This is where it gets real.

Go Premium Now

See you soon 😄

Note: If you're already a premium member, you can continue right away, of course.