The application is developed using React for its component-based structure, TailwindCSS for styling, Framer Motion for animations, Zustand for state management, and React Router for seamless navigation.
Feedback is welcome!
there is some problems with dark\light mode its dose remember the button but don't remember the themes
wow amazing job!
op and you can tell its not you first day :P
Great work!
i see that if you do mistake its show error ! and also the warning message even if you feel it later you do want to make an if..else so if it filled after its shown the warning message its deleted and remove the warning message
Great job! looking good, i do recommend to get inside the hover state also
cursor: pointer;
so when hover the mouse will change it's looking and user have the idea that it clickable element
I've finally come up with a solution that satisfies me. After doing and undoing each Css class a hundred times to get it right. I'm proud not to have given up. If I had to change something in my approach, I'd try to sit down before starting and think more about the project organization, containers, divs, etc...
What challenges did you encounter, and how did you overcome them?It may sound silly, but using a variable font and configuring it in css so that it perfectly matches the characteristics of the model. I first thought of using the static font available in the Kit but it didn't match the design perfectly... then I found the perfect static version available online but preferred to persevere and use the variable font directly. Thanks to the fonts.google.com page which explains how to do it very well.
What specific areas of your project would you like help with?For managing backgrounds with curves or patterns in SVG, I used the ::before and ::after approach to create contents that I used as a basis for making giant circles or “filters” on which to position images. I'm very curious about other ways of solving this that are simpler and/or more efficient.
great job! just one small thing. you forgot to add pointer to button hover so the user know its clickable element.
but the reset looking good. keep it up
great job overall
i will do this!
if you want to get a nice looking and have text to fit the exact numbers of lines. maybe try to give the main container size and then use width on each of the text box and adjust the % (ex: width: 60%; /*adjust 60% to your eye looking) that way the text wont go and span on 3 lines when its need only 2
a lot faster while creating this than previous challenge project
What challenges did you encounter, and how did you overcome them?i still dunno whats the best size for desktop size for the card
What specific areas of your project would you like help with?thats enough.
sizing in figma filles you can go to other people project and do inspect so you see what sizing everyone using
I did my best to use semantic elements for this project correctly and learn a lot about new semantic tags
grate job , i never used tailwindcss but looks like almost 100% looks like the main challenge
btw, i just saw the when you click HTML & CSS foundations h1 its stay yellow is that part of the thing?
I'm proud of finishing this project, it was very difficult but I finished it, I know that my project may not have been very similar but I committed myself to finishing it.
What challenges did you encounter, and how did you overcome them?My main challenge was to keep it as close to the original design as I had a lot of difficulty positioning the elements on the screen. I overcame this challenge by testing several things without giving up and finally I managed to finish the project.
What specific areas of your project would you like help with?At this point I wanted honest feedback so that I can improve even more as a programmer.
i never tried this challenge but this is looking really grate job! keep it up! looks like you put an nice job on the mobile screen, because its look and react really smooth on mobile
That's my first adaptive web. I stragle most with Css code aligning elements and trying to make it adaptive.
What challenges did you encounter, and how did you overcome them?As i told that was my first time doing it, i found youtube video and did almost the same thing.
What specific areas of your project would you like help with?I think right now styling the web is my issue. I;m writting code but sometimes i dont complitely undersand consequences of some parts of code.
good job!
i do think you wanna work on the flex\grid thing. as you can see you main object is off the center try to add and remove some staff because it small project not need to use main so you dont get confused. try to use display flex on body tag and keep it same just in css do body + justify content center and align items center maybe get you better position
then use the .block as the organizer for the elements that come in side maybe even ! display flex > flex direction ; column that way you don't need to use <br> because all element will come one after one as there DNA is flex column
love it i will give this challenge a try now to see what is my result
keep it up , Yuval
i think you missed or didn't included a hover stage on buttons is it on purpose?? i do like see how people take the projects and give it there own touch keep it up
