5 Projects with design files to become a better frontend developer 2021

5 Projects with design files to become a better frontend developer 2021

Subscribe to my newsletter and never miss my upcoming articles

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

nestedcomments

You will practice the following:

👉 Centering divs horizontally and vertically

👉 Pseudo elements

👉 Creating nested components

2- Fiber Landing Page

fiber

You will practice the following:

👉 Absolute positioning

👉 Flex/Grid

👉 Creating cards

3- TimeNow Landing and Pricing Page

timenow

You will practice the following:

👉 Creating custom components such as toggles

👉 Creating half/half containers

👉 Creating a two-page website

4- Remix Landing Page

remix

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

gradie

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!

#web-development#webdev#beginners#frontend-development
 
Share this