Skip to content
OverviewSolutions
4
Comments
7
Rufai Ayomide
@haryor745

All comments

  • Akash Sharma•170
    @aakash19090Submitted over 3 years ago

    Hello Devs! 👋

    Completed another challenge on Todo app! Made minor changes in the UI as per my creativity and to improve user experience.

    Some additional challenge features:

    1. Adding a button to create Todo in the textbox considering the mobile first approach to avail user to create todo on tapping the same.

    2. Added count of 'Active' & 'Completed' respectively to get the idea of the todo state counts.

    3. Added sound effects to communicate using 2 human senses instead of 1. There is also option to toggle Sound mode on Mute or Unmute.

    4. Used Localstorage to store the user data & fetch it from there on reload.

    Todo on 'Todo' 😊:

    1. Add Drag & Drop functionality. Will add this later.

    2. Trying on adding some cool animations with GSAP, finding it tough to implement in React.

    Would be happy to get some suggestions and feedback on this challenge. Thank you! 😊

    Todo App - React | SASS | LocalStorage | Theme & Sound Mode

    2
    Rufai Ayomide•170
    @haryor745Posted over 3 years ago

    Hey Akash!

    Amazing job on the project, the sounds are pretty great too, you said you had issues with animations using GSAP, you could try Framer Motion instead, you can also use SortableJS for the drag and drop, I heard its easier than react beautiful dnd.

    1
  • Marcin•570
    @FrontmaniaacSubmitted over 3 years ago

    This was really hard for me, but I learned a lot of things. This was actually the first React project i made. It is still not perfect, but i will come back to this when i will know more about React. Now it is time to make some easier projects to consolidate the basics i learned.

    React + SCSS

    1
    Rufai Ayomide•170
    @haryor745Posted over 3 years ago

    Its pretty great!

    You could work on the shadows though.

    0
  • Joseph Lynn•180
    @Joelynn94Submitted over 3 years ago

    I do know I did not add the collapsible sections for creating a plan, but other than that, I'd like some suggestions on how I could of modularized better. I feel like I had to keep going over work and re-doing things due to not structuring better. Any other feedback is welcome!

    Coffeeroasters - HTML, Sass, Vanilla JavaScript

    1
    Rufai Ayomide•170
    @haryor745Posted over 3 years ago

    Hi Joseph! Its pretty good although there are some minor differences from the original its still good I have a question though, how long did it take you to complete it? I made with React [see here] (https://coffeeroasterz.netlify.app/) and it took me about 3 days so I'm tryna check if using frameworks actually save any time Thanks and happy coding!🤩

    0
  • Nihat4ik•180
    @nihadaliyev1Submitted over 3 years ago

    Well, this was not easy, but i have completed this challenge.
    I used react framework, redux as state manager, thunk for handling async actions. There was no need to use Formik, but i thought that it will be better to slightly revise it. Styled Components for the css in js, it is very comfortable for me. For routing, i used react-router. This challenge encouraged me to learn Framer Motion from scratch and i also used it for animations. Your Feedback is very appreciated and i will be glad to hear you, thanks in advance.

    REST Countries(Redux, Thunk,Framer-Motion,Styled-Components,Formik)

    2
    Rufai Ayomide•170
    @haryor745Posted over 3 years ago

    Hi, Nihat4ik! Your take on the project is superb! 🤩 I have a question though, how did you achieve the loading effect with the blank cards when a user filters through the countries? Good job and happy coding!

    0
  • sparsh gupta•60
    @sparshcodesSubmitted over 3 years ago

    Any kinda feedback will be appreciated, i know there can be some very silly mistakes, just feel free to comment or also ask any questions if you want.

    Using just HTML, CSS, JavaScript

    2
    Rufai Ayomide•170
    @haryor745Posted over 3 years ago

    Hi! This is more of a question What library added the "cc cursor" class to your elements? I see the class in a lot of websites and I just wanna know.

    0
  • Vinci Taylaran•185
    @vincitaylaranSubmitted over 3 years ago
    • Did I use proper naming conventions for my SCSS files?
    • Is the formatting of my styles in my SCSS files easy to understand?
    • Am I using too many media queries?
    • Are my React components easy to read and understand?
    • Why aren't the icons in the "Why choose us?" section on the home page not appearing in the screenshot?

    I added a feature in the plan page that smoothly scrolls down to the next question whenever a user selects an answer to a question. The smooth scrolling feature doesn't seem to work on Chrome on mobile devices. Let me know if this feature is annoying so I can remove it.

    Overall, this was a pretty great challenge.

    Any sort of feedback is greatly appreciated!

    Mobile-first web app that uses Next.js and Sass

    1
    Rufai Ayomide•170
    @haryor745Posted over 3 years ago

    Its absolutely amazing!

    1
  • Aleksandar•330
    @Aleksandar-93Submitted over 3 years ago

    Hello everyone, I would be grateful if you could look at how I did this and comment and give some advice. thank you :)

    HTML5 CSS3

    3
    Rufai Ayomide•170
    @haryor745Posted over 3 years ago

    Its perfect!

    0