Godfrey Anthony T. Serojalesgaserojales.hashnode.dev·Feb 14, 2024Building a NFT Card Component with Next.js and Tailwind CSSEmbarking on this project is not just a mere task; it's a challenge presented by Front End Mentor, beckoning developers of all levels to push their boundaries and expand their skill sets. For some, crafting a NFT card component might feel as effortle...DiscussNext.js
Anushka rangarianushka9dev.hashnode.dev·Feb 10, 2024Age CalculatorThe challenge The challenge is part of frontend challenge where you have to build out a age calculator app and get it looking as close to the design as possible. Users should be able to: View an age in years, months, and days after submitting a vali...Discuss·26 readsHTML5
Lucie Yarishlucieyarish.hashnode.dev·Dec 16, 2023Project Launch: Frontend Mentor E-Learning Landing PageScrimba and Their Solo Projects For a little over three months now, I've been hard at work teaching myself frontend development with Scrimba Frontend Career Path. Their courses are full of interactive challenges that help you learn frontend developme...Discuss·2 likes·54 readsFrontend Projectslanding page
Aleksandar Novkovskialeknovkovski.hashnode.dev·May 7, 2023Creating a pixel-perfect conversion from Figma to WebFlowI have been creating pixel-perfect conversions from Figma for a while now. However, I have been noticing that there is a lot of demand for conversions into WebFlow. In this article, I will utilize a FEM challenge to test out WebFlow from the perspect...Discuss·1 like·121 readswebflow
Aleksandar Novkovskialeknovkovski.hashnode.dev·Apr 14, 2023Creating a pixel-perfect conversion from Figma to WordPress, using Oxygen BuilderFrontend Mentor provides some tricky challenges that test your ability to recreate designs from a provided Figma design. They are tricky to reproduce, especially if you want to do a "pixel-perfect conversion". I love doing these challenges as they he...Discuss·694 readsFrontend Mentor
Patricia Feiopatriciafeio.hashnode.dev·Mar 21, 2023How I solved: Interactive rating component challengeQuick summary The aim of this article is to provide one solution to the Frontend Mentor interactive rating component challenge. Frontend Mentor is a platform that provides frontend projects to anyone who wants to practise and improve their skills. Th...Discuss·57 readsHTML5
Juanita Washingtonjwashingtondev.hashnode.dev·Mar 4, 2023My First Frontend Mentor Project: Experience and TakeawaysIf you're a budding programmer like yours truly, part of your learning journey consists of following tutorials on how to code projects. As great as this is for learning how to do certain things, you may be worried that you're simply just following al...Discuss·68 readsFrontend Mentor ChallengesFrontend Development
Cindy Kandiecindykandie.hashnode.dev·Feb 7, 2023Group learning: HTML, CSS and JavaScript Basics (Beginner-friendly)This is aimed at guiding my mentorship team, but anyone is welcome to join **This article is a simple guide and you can find more descriptive guidelines on getting started here** Step 1: Get Started A. Create a GitHub Repo and initialize the Readme M...Discuss·37 readsmentor
David Sunday Bayodedavidbay.hashnode.dev·Jan 29, 2023Making an NFT Preview CardYou learn most by doing. This rule applies to nearly everything. This is why as a Frontend Developer you must try out new ways of doing things and test the skills you have every day (learning never stops). I recently joined Fronted Mentor to expand m...Discuss·57 readsFrontend Mentor
Joe Chelladuraijoechelladurai.hashnode.dev·Jan 22, 2023Solving the Order Summary Card Frontend Mentor ChallengeWhat I learned Setting the underline below text The design file's link has the underline below the text! The default anchor tag did this. Notice that the line is closer to the text and the g letter was avoided. I probably wouldn't have noticed this i...DiscussHTML5