There's no better way to learn coding than by building out real projects.

This is a list of 7 projects that will test your frontend skills by practicing on real design template, from landing pages, to single-page components, and much more.

These are all great projects to have on your portfolio and will be helpful in your job hunt.

1 - Nested Comments

You will practice the following:

👉 Centering divs horizontally and vertically

👉 Pseudo elements

👉 Creating nested components

2- Fiber Landing Page

You will practice the following:

👉 Absolute positioning

👉 Flex/Grid

👉 Creating cards

3- TimeNow Landing and Pricing Page

You will practice the following:

👉 Creating custom components such as toggles

👉 Creating half/half containers

👉 Creating a two-page website

4- Remix Landing Page

You will practice the following:

👉 Creating dark and light mode pages

👉 Work on a full sign up and onboarding process

👉 Creating blog cards

👉 Using variables and mixins to make your life easier

5- Gradie Sign Up Page

You will practice the following:

👉 Centering divs

👉 Absolute positioning

👉 Styling fields

You can find more of these challenges on Codewell — looking forward to seeing you build these out!