5 Projects with design files to become a better frontend developer 2021
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!