Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Karthick 250

    @karthick12122000

    Submitted

    I have developed my initial full-stack application. An application for managing to-dos. Kindly review it and provide your feedback.

    Todo full-stack application

    #bootstrap#express#mongodb

    1

    @mrvicthor

    Posted

    Hi @karthick, nice work. I love the drag and drop effect. However, I noticed that when a new todo is added to the page it does not update the list of todos unless the user refreshes the page. I also noticed that there is no way for a user to delete a todo. Finally, you may want to adjust width of the input field so it is the same size as the todo list.

    0
  • Bruno 260

    @BrunoSousaWD

    Submitted

    I had never done dark/light modes switch before, and on top of it, had to learn Drag and Drop 🤯, took me a while to figure this one out, but felt great once it was working. I really enjoyed this one, tips or any feedback will be appreciated. Happy Coding.

    @mrvicthor

    Posted

    You may want to review your solution, tried to open it on my iPhone but I couldn’t access the input field. I think you should check the positioning

    Marked as helpful

    0
  • @mrvicthor

    Posted

    Well done. Your solution looks cool

    1
  • @eewa-SANJ

    Submitted

    Hello, This is my solution to FrontEndMentor's "Huddle landing page with a single introductory section".

    I struggle to make measurements correctly due to not having access to design files, but I do my best.

    Please check my background image position and let me know if another method is available.

    ✅Appreciated your feedback and code reviews

    @mrvicthor

    Posted

    Well done. Looks clean. I just think it would be nice if clicking the links with the icons could redirect users to your social media page.

    0
  • @mrvicthor

    Posted

    Hi Tobi, Well done on attempting and completing this challenge. After viewing it, here are my thoughts;

    1. The design is not responsive as it breaks when viewed on tablet (the search field and the filter field).

    Finally, I recommend using flex box to align the search field and filter element. 👍🏿

    Marked as helpful

    0
  • Yazdun 1,310

    @Yazdun

    Submitted

    Hey everyone ! This is my first Guru challenge and It's a little bit different from the original design, For example I completely changed the desktop hero section and I created a sidebar for the cart, which was supposed to be a modal.

    I also decided to use more reddish color as the primary color, The original orange color didn't look alive enough to me 😁

    I'm open to feedbacks and let me know of your thoughts about this solution. Thanks in advance

    audiophile solution built with Next + Typescript

    #next#react#typescript#framer-motion

    8

    @mrvicthor

    Posted

    Thanks for your help. If you do not mind can you tell me what the problem was?

    0
  • Yazdun 1,310

    @Yazdun

    Submitted

    Hey everyone ! This is my first Guru challenge and It's a little bit different from the original design, For example I completely changed the desktop hero section and I created a sidebar for the cart, which was supposed to be a modal.

    I also decided to use more reddish color as the primary color, The original orange color didn't look alive enough to me 😁

    I'm open to feedbacks and let me know of your thoughts about this solution. Thanks in advance

    audiophile solution built with Next + Typescript

    #next#react#typescript#framer-motion

    8

    @mrvicthor

    Posted

    1 | import type { NextPage } from "next"; 2 | import Head from "next/head";

    0
  • Yazdun 1,310

    @Yazdun

    Submitted

    Hey everyone ! This is my first Guru challenge and It's a little bit different from the original design, For example I completely changed the desktop hero section and I created a sidebar for the cart, which was supposed to be a modal.

    I also decided to use more reddish color as the primary color, The original orange color didn't look alive enough to me 😁

    I'm open to feedbacks and let me know of your thoughts about this solution. Thanks in advance

    audiophile solution built with Next + Typescript

    #next#react#typescript#framer-motion

    8

    @mrvicthor

    Posted

    Type error: Cannot find module './countries' or its corresponding type declarations.

    0
  • Yazdun 1,310

    @Yazdun

    Submitted

    Hey everyone ! This is my first Guru challenge and It's a little bit different from the original design, For example I completely changed the desktop hero section and I created a sidebar for the cart, which was supposed to be a modal.

    I also decided to use more reddish color as the primary color, The original orange color didn't look alive enough to me 😁

    I'm open to feedbacks and let me know of your thoughts about this solution. Thanks in advance

    audiophile solution built with Next + Typescript

    #next#react#typescript#framer-motion

    8

    @mrvicthor

    Posted

    Well done. Great job. I recently completed the rest countries API challenge using typescript and nextjs but I have been having problems deploying it in vercel. Any chance you can help me?

    0
  • @catherineisonline

    Submitted

    Hello, Frontend Mentor community! This is my solution to the Calculator App.

    I appreciate all the feedback you left that helped me to improve this project. I fixed the issues I had previously and added new features per your recommendation.

    I have done this project a while ago however if you are here and have any feedback, tips, or ideas to share, I will be more than glad to hear them out!

    Thanks

    @mrvicthor

    Posted

    Well done. Design looks as great as the sample design.

    1
  • @mrvicthor

    Posted

    Hi, nice job. Well done. I will suggest you use css grids, it’s one of the best approach for awesome layout. Also consider watching @Kevin powell’s tutorials on YouTube for css grid. I learned a lot from him.

    Marked as helpful

    1
  • @catherineisonline

    Submitted

    Hello, Frontend Mentor community! This is my solution to the Base Apparel coming soon page.

    I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

    You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

    Thank you

    @mrvicthor

    Posted

    well done. The landing page looks cool. Previous comments already gave brilliant suggestions on what to do.

    0
  • @Haybuka

    Submitted

    Okay, i admit... this was quite challenging using react and it was entirely worth it... double click the thumbnails to activate the lighthouse view, had to change clicks due to the single click toggling switching images.

    ecommerce product page

    #react#tailwind-css#lighthouse

    2

    @mrvicthor

    Posted

    well done. just a few observations;

    1. the active class on the navbar is not visible
    2. when you click an item, I think a modal pop-up of the selected item is supposed to be shown.
    3. finally the mobile version needs a little touch.
    1
  • Carl Wicker 1,055

    @carlwicker

    Submitted

    Challenging project at times, took way longer than expected but I learn loads about updating nesting objects which had me stumped for a while.

    React Interactive Comments Section MERN Stack

    #axios#express#mongodb#react#typescript

    2

    @mrvicthor

    Posted

    Wow! this is awesome. just viewed the project again. i was wondering if i could have a chat with you sometime about a challenge i have in react. You can leave me a message @ [email protected]. I look forward to hearing from you.

    0
  • @Ikquilibrium-SG

    Submitted

    I found it hard placing the pattern-top and pattern-bottom image in the background. What is the best way to get this done? Any feedback on how to improve on the html structure and styling will be appreciated.

    @mrvicthor

    Posted

    Nice work Samuel. I think you should consider using CSS background-position property for that. for example; .pattern{ background-position: top left; }

    1
  • Kenn Bach 140

    @kennbach

    Submitted

    Hello Mentors,

    Thank you for taking the time to review my project. Please feel free to make any comments and suggestions. All feedback is welcome.

    Cheers!

    @mrvicthor

    Posted

    Nice, the website looks good

    0
  • @mrvicthor

    Posted

    your design looks good on both mobile and desktop. Well done

    1
  • Carl Wicker 1,055

    @carlwicker

    Submitted

    Challenging project at times, took way longer than expected but I learn loads about updating nesting objects which had me stumped for a while.

    React Interactive Comments Section MERN Stack

    #axios#express#mongodb#react#typescript

    2

    @mrvicthor

    Posted

    This is beautiful

    0
  • @fadelun

    Submitted

    i tried this challange with React js first time but i'm not competent of react js,please if you have feedback or advice tell me to improve my skill thanks

    @mrvicthor

    Posted

    Hi, great work. I observed that your buttons are not the same size, and your nav menu items are quite bolder than what is specified in the design.

    1