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
Log in with GitHub
OverviewSolutions12Comments26

All comments

  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Nice work man

    1
  • P
    Chamu• 12,970

    @ChamuMutezva

    Submitted

    It is one of the complex challenges that i have taken on Frontend Mentor, which i used to learn how to work with Mongodb-realm. I have little knowledge on backend, Realm makes it easy to integrate the backend and the frontend. Some minor changes where made to simplify the project a bit - the mobile navigation in particular and the confirmation modal.

    Fetching data from realm is taking about 5 seconds to load on the Frontend, I used a modal box to compensate for the time delay.

    An interesting aspect that i learned was to hide fieldsets on a form until the top ones have filled and are valid - this can be done with the css below

    /* Hide the fieldset after an invalid fieldset */
fieldset:invalid~fieldset {
    display: none;
}
    • some omissions and improvements may be found and such feedback is welcome

    Audiophile ecommerce website - React, Mongodb-realm, Sass

    #mongodb#react#react-router#sass/scss

    2

  • P
    Chamu• 12,970

    @ChamuMutezva

    Submitted

    Another exciting challenge which pushed me further in this coding journey. The drag-and-drop feature was my main challenge but proved easy at the end using the react-beautiful-dnd. However i realise that react-beautiful-dnd added some attributes to the html structure which is causing some issues according to the report. One notable is the li elements which have been given a role of button, in order for the drag and drop feature to happen. Any feedback is welcome

    Todo app with react , react-beautiful-dnd, mongodb realm

    #mongodb#react#sass/scss

    2

  • P
    Chamu• 12,970

    @ChamuMutezva

    Submitted

    Another exciting challenge which pushed me further in this coding journey. The drag-and-drop feature was my main challenge but proved easy at the end using the react-beautiful-dnd. However i realise that react-beautiful-dnd added some attributes to the html structure which is causing some issues according to the report. One notable is the li elements which have been given a role of button, in order for the drag and drop feature to happen. Any feedback is welcome

    Todo app with react , react-beautiful-dnd, mongodb realm

    #mongodb#react#sass/scss

    2

    abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Hi Chamu, I am a big fan, another nice work. I think there is a problem with the clear complete button, it's not working

    1
  • Abdulrhman Rabea• 40

    @Abdulrhman-Rabea

    Submitted

    This challenge took some time to coordinate, but it was very fun. Take a look Say your opinion. Evaluate

    pure css

    1

    abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    It's nice, but try to solve those issues u are having. Happy coding

    Marked as helpful

    1
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Nice project

    1
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Nice one

    1
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    It's nice, I love it

    1
  • P
    Chamu• 12,970

    @ChamuMutezva

    Submitted

    Greetings to all. The journey continues with this exciting challenge. Navigating to the next page and moving focus to the top was something that i had to relearn from my previous projects - some of those things that you need to keep on doing before they stick in. There is still some adjustments that i have to do especially with the active states on the pricing page - the card has to move slightly to the top. It was easier if i had made the card active as an anchor element but the link button is a grandchild of the parent card. Your feedback is welcome.

    Photosnap website - using react and react-router v6

    #gsap#react#react-router#accessibility

    3

  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Its nice, but the texts are not placed at the center

    0
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    It's cool I love the mobile view especially

    1
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Wow!, I love the way your menu slides in and out, the animation is awesome. But I noticed something, the delete in your cart is not really deleting the items, but subtracting them

    0
  • Jana• 110

    @janamanzana

    Submitted

    Hi, I'm just starting and that's my first ever programming project. I would really appreciate your comments and suggestions. I have struggled a lot with positioning and media queries.

    1. Question: I have noticed that the project looks good at 75% zoom but on 100% it's too close, how do I fix it? Should I always code considering 100% zoom and adjusting sizes by it?

    2. Question: Which media queries should I use and how many of them?

    NFT-preview-card-component HTML & CSS

    2

    abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    --Yea it's preferable to design at 100%, and for media Queries, you don't need it for this design since it has a fixed width...

    Marked as helpful

    1
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Not looking nice on smaller screen, maybe you should use smaller font-sizes

    1
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Nice job

    1
  • Byron• 2,180

    @byronbyron

    Submitted

    Hello ladies and gentlemen! Here's a quick one for today, took me a couple hours to do. Vanilla HTML and CSS, nothing too special but I think I've nailed the design. Drop a like and a comment, thanks! 👍

    Social proof section using Vanilla HTML and CSS

    1

  • P
    Briuwu• 750

    @Briuwu

    Submitted

    Hello~!

    For this project, I used Grid and SASS/SCSS, and so far, I'm getting the hang of using grid which is really awesome and fun to play with!

    If you have any feedback or suggestions, please let me know! Thank you so much.

    Responsive Huddle Landing Page using GRID and SCSS

    1

  • P
    Briuwu• 750

    @Briuwu

    Submitted

    Hello~!

    For this project, I used GRID and SASS/SCSS (mobile first). But this time, It's my first time using the grid-template-areas, and all I can say is, It's like magic! (lol)

    I was able to manipulate the layout so easily with grid, and I feel like I can do anything with it! But I know that I still have a lot to learn, so I will keep on learning!

    If you have any feedback or suggestions, please do let me know! Thank you so much!

    Responsive Testimonials Section using GRID and SCSS

    3

    abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Nice and neat, thumbs up

    1
  • abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Thanks man I really appreciate your feedback

    0
  • Sarah• 835

    @sarahc-dev

    Submitted

    Any feedback would be appreciated. Especially on the javascript as this is where I want to improve :)

    Tip calculator - HTML, CSS, JS

    1

    abdulrahman badamasi• 430

    @papilo-cloud

    Posted

    Everything is working fine, only that it is not responsive on screen less than 425px.

    1