All solutions

Hello everyone...Merry Christmas✨🎉 I am back with my new React project. it was fun building this project. It took me four days today making 5 to complete this project. I was breaking things here and there😂 and I thought I could finish it within 3 days😂 but I really learnt a lot of from this project....am just proud I finally came out with a solution. Feel free to show your opinion✔...Have a nice day✨🎉

Hello guys😎...I am back with another solution which is the easybank challenge. I added a darkMode feature because I feel like the design deserves one😂....This is my second try on this challenge and I think I like this one more than the other solution. well it's not the best solution but I really need your opinions on it. Merry Christmas to you all in advance, Have a nice day🎉

Hello guys this is my second React app that I completed.... I think I should really focus on Async Js and focus more on refactoring and file structuring. One of the challenges I faced was that when I was using react-router....I wanted to use the <Outlet/> to maintain the header component but It wasn't working I got tired and I manually imported and rendered the header component in the /:countryID page and my theme and toggle all got broken 😂😂 because I cant send props. it wasn't a component that could receive props it was just a react-router element={} page which am not rendering anywhere u understand? so I copied the header and pasted it in the /:countryID page 😂 but It worked..how would you have fixed it ??.....Guys what do you think about this project. Kindly share your opinions please.

Hello guys am finally here with another solution. This time I tried my hands with React and I think It is a better Framework so am staying with React for a while. I feel a bit intimidated with React but since am a beginner but feel free as always and show your opinion. Happy Coding :)

Hello guys after struggling a lot I finally tried my best to come out with a solution. it is not perfect but I really appreciate my effort. A challenge that I encountered was that, I used JS map function to dispay data in the DOM and saved user data like add to cart data in sessionStorage but when I was fetching the data, I tried maping the Data onto the DOM but anytime the browser reloads it loops the data in the session storage onto the DOM making duplicates data. but after lots of stresses😥😣 and hardcodings am a bit pleased. I decided to start learning REACT since I built a couple of these projects. What do you think??😎

please kindly show your opinions on this solution. Have a happy coding week.🎈🎈

Hi guys am here with another solution....the famous TODO APP😂😭.....It has been a really rough week like 8days now. after building this project with Vanilla JS. I realized how important frameworks are.😭 There were times that I felt stuck and wanted to give up😭 ...but I really learnt a lot and I think everybody should try this project😂...The only problem with this project is that after sorting up the todo and you reload the page, the order changes to it default i was not able to raplace the order in localStorage...BUT😂.... am not coming back to this project again😂....please feel free to show your opinions. Happy Coding to you all🎉🎉

Hello guys this is another solution that I did to test my GRID and FLEXBOX. What do you think of the solution. Is it responsive enough?. Please feel free to show your opinion.

Happy coding:)

Hello guys here I am with another solution once again. Please kindly suggest on how I can improve this upon this solution. Please feel free to show your opinion;

Hi guys am finally back with a new project. I spent five days on this project, and I don't really know if it has really taken me so long to complete this project, but let me know if It has....haha. but I really appreciate the fact that I completed it. my questions is, I used HTML headings in reducing order but in this project the headings are more than the [ h1....h6 ] tags that we currently have in HTML. And repeating <heading> tags is a semantic issue so I decided to use spans as <headings> for some sections, Although this fixed all the issues being reported. Is it a good practice or there is another way. I really need your opinions on how responsive this project is and feel free to share your thoughts on what I could have done to improve anything else or anything you suggest on this project. have a nice day guys.

Hello guys am back with a new solution that I made. It took me a while because of the use of the long BEM class names which made my code harder to debug, maybe am bad at using bem. I used sass mixins and functions on this project to make my code reusable and I also used the CSS clamp function which I have become addicted to for now. Well I was not able to add any JavaScript maybe another project. Please feel free to show your opinion on this solution and let me know about Its responsiveness and accessibility.

Hello guys it has been months now since I refrained from coding due to my final exams. Now I have to learn a lot of things that I have forgotten. Please kindly review my work and suggest some ways that can help me improve. I really appreciate you all.

Hello FrontendMentors. I made a solution for the bootcamp testimonial slider. I wanted to add an @keyframe class to the slider when the button is toggled but it seems the transition only happens once when I toggle the button. Well what do you think about my solution. I really need your opinions on this and please do not forget to like and comment. have a nice day :)

Hello frontendMentors, I am back with a new solution. What do you think about it, check it out. The solution can also be viewed on larger screens and also smaller screens.

Please dont forget to like and comment :)

Hello frontendmentors I made another solution again. What is your opinion about this solution. Also do you think my media-queries breakpoins are better? well I tried.

please dont forget to like and comment. Thanks :).

Hello frontendMentors, what do you hav for me about this solution? Please do not forget to comment and like :) really appreciate.

Dear frontendmentors it has been a days now. Am here with a new solution, and i think your opinions will really help improve me. What do you really think about this solution? Don't forget to like and comment :)

also this is a link to my previous solution check it out please :(

https://www.frontendmentor.io/solutions/responsivesocialmediadashboardwithdarkmodetoggle-HJrHNiAM5

please don't forget to like and comment on it thanks fam :)

Hello guys It has been a while doing challenges, But am here with a new challenge. This is my first time making a dark Mode project and it was so much fun. I really need your opinions on this one and how responsive is it?

Please do not forget to like and comment :D Happy coding:)

Hello Frontendmentors. I am back with a new design that I tried my hands on. I am currently Learning JavaScript so I tried myJavaScript skills on this design and it was successful . I also added a CSS animation to the dropdown any suggestion about that also?

#1. I found it difficult positioning Images as to how the design looks. Working with Images Is complicated.

#2.I am unsure about the media breakpoints between mobile and desktop which is the Tablet. Please anybody? what do you think about the breakpoints. or what do you suggest.

#3. Is it a best practice to set a min-height for a flex or grid container?

Hi guys, It has been a while now making a new challenge. yep am here with a new challenge that I tried my hands on. What do you think I could have Implemented in this solution. Please do not forget to like and comment as always. Thank You : )

Hello Guys am here with another solution again. What is my take on this one. Your suggestions are really important to me. Please do not forget to like and comment on the solution.

Hello frontendmentors. It has been a while now but am here with another solution, It may not be pixel perfect but what do you think about this solution. I really had a tough time with positioning the background svgs.

Hello Frontendmentors, I am back with another solution which was fun coding. I had a great experience in this one. Well I wanted to use the (srcset attribute) this time for the background svg to switch from mobile to desktop without downloading both svg to the browser which can waste more user bandwidth. but I was not able to it. Anyone here who can help? Also what is the difference in using the <picture> tag compared to the srcset attribute. Do they perform the same task?

Please do not forget to like and suggest on this solution. It is a pleasure.

Hello frontendmentors, This is another solution that I made. Unfortunately I was not able to add javascript to the design. anyone in the comment section can also jump unto the code and add the javascript. That would be a very nice experience to me since it will help me get experience working with others on github also. Besides what do you suggest about this design Frontendmentors?

Hello Frontendmentors. I underestimated this design, I thought it is so so Trivia but it drained me. It made me learn CSS grid so that I can finish It off quickly. Trying this solution over and over again was so much boring and stressful. besides am able to at least do my best I could. But please do not forget to comment and like I really need your suggestions on this :)