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
OverviewSolutions18Comments4

All Comments

  • P
    Jen• 1,230

    @En-Jen

    Submitted

    Hey FM community! I don't have any specific questions but I'd love any/all feedback on this solution. I've only been learning React the last few months so any feedback on anything related to React, Redux, or Styled Components would be much appreciated.

    I wasn't able to figure out how to style the arrows that the user clicks to increase or decrease the value in the inputs of type="number" in a way that it would work on all browsers so I just scrapped styling the arrows but I think that's something I can live with.

    If you're curious to read more about this project, feel free to read the detailed README. Just to summarize, this project includes sound effects, Redux Toolkit for state management, and a few little animations 😊

    Pomodoro Timer | React | Redux | Styled Components | Sound Effects

    3

    Aaron Stroud• 435

    @astroud

    Posted

    Nice job Jen. There are so many ways to solve this project. I'll be looking over your code to see how you used Redux. I think it would have solved me a lot of trouble with my solution.

    I don't recall how I styled the input arrows, but I do remember them giving me a lot of trouble. I just checked them again in Chrome/Firefox/Safari and there's still some room for improvement.

    For my sound effects, I used Garageband and Audio Hijack to record the sfx I was considering. It's tricky finding the right notes/instruments but the audio quality is excellent.

    2

  • P
    ApplePieGiraffe• 29,125

    @ApplePieGiraffe

    Submitted

    Hello, everybody! 👋

    This is my 30th solution on Frontend Mentor! 🎉 (And my first Guru level challenge submission.) 😎 This was definitely a tricky challenge, but I got to learn and try out many new things! 😀

    I used React and Next.js to build the site, styled-components to style it, Formik (and Yup) to handle the forms in this challenge, and Framer Motion to add some page transitions and animations. 😄

    There were quite a few things I had to learn in order to complete this challenge, and I'm not sure if I did them all correctly. 😥 Looking back, there are a few things I wish I would have differently, but it's a learning experience! 🙂

    If anyone could share some resources on how to manage and organize larger projects like this, I'd really appreciate it! 👍 Lots of resources that I find only focus on specific things (like creating a popup or using certain features of a tool) and not so much how to approach and think about an entire app. 🙃

    If you'd like to learn more about my project, see the README in my Git repo (where I also list a few quirks in my solution).

    Feedback welcome and appreciated! 😊

    Happy coding! 😁

    BTW, click on the sidebar avatar for the attribution.

    Invoice App | React, Next.js, styled-components, Formik, Framer Motion

    #framer-motion#react#styled-components#next

    16

    Aaron Stroud• 435

    @astroud

    Posted

    Well done ApplePieGiraffe! I just got out of the hospital, so I don't have time to dive in to your code, but I've bookmarked it for future reference.

    1

  • P
    ApplePieGiraffe• 29,125

    @ApplePieGiraffe

    Submitted

    Hello, everyone! 👋

    This is my first challenge with React and as usual, I learned a lot! 😆

    At first, I was pretty confused about how to organize the files in my project and I'm still unsure if my React is very clean in some places (since I just began learning React). My Sass turned out to be, well, kind of messy (and I'll keep in mind to use a better file structure next time because I simply created separate files for my components for this project). 😅

    On the bright side, I created this pretty sweet hover effect for the cards in the "Creations" section from scratch, and I quite like it. 😊

    Any feedback (especially on React) is welcome and appreciated! 😀

    Happy coding! 😄

    Loopstudios Landing Page With React

    #react#sass/scss

    12

    Aaron Stroud• 435

    @astroud

    Posted

    Very nice 🍎🥧🦒!

    1

  • Aaron Stroud• 435

    @astroud

    Posted

    Nice work Martin! I'm still working on my solution. Started out as a pure js solution like yours, but now I've learned enough React to reimplement it as a React app.

    What was part did you find the most difficult? I stalled out at the circular progress bar. I think I'll be using this library to implement it.

    1