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 solutions

  • Submitted


    Hello Dear Community

    I'v completed most of this challenge 9 month age, tonight I decided to complete and publish. When I looked through my code I got happy because I saw my learning progress and how my coding skills improved through this time

    Thanks for viewing my solution

  • Submitted

    Interactive Pricing Component

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    I really enjoyed from this challenge, It was a good practice for Reducer and MUI Material

    Because It had some related states (billing period, price, slider value) I decided to use Reducer and in this situation it made my code more simpler

    Challenging part: Making MUI Slider and Switch like design file was the most challenging part and I neet to read more about emotion

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Notification Page

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    A little work with Context and Reducer in react and I really enjoyed from this challenge

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Pricing Component with Toggle

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    Challenging part: transition does not work with linear-gradient to change background smoothly, so I used Keith. J Grant solution to make a smooth transition on hover

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    SunnySide Agency Landing Page

    #react#tailwind-css#framer-motion
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    I like this design it's very colorful and I create a solution for 1920px wide so the SunnySide Landing Page has no edges till 1921px and looks good, if you think I did it wrong please let me know :)

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Insure Landing Page

    #react#tailwind-css#framer-motion
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    The background images as always was the most challenging part and I really hate them :D, but I finished this challenge completely. I will be happy, if you tell me can I do it better?

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Space Tourism Website

    #framer-motion#react#tailwind-css
    • HTML
    • CSS
    • JS

    1


    Hello Dear Community

    In this challenge I used React Router And Figma for the first time of challenges, and I need to solve more challenges like this. I learned a little about React Router and I really enjoyed working with Figma, that's amazing

    Thanks for viewing my solution, Any recommendation is appreciated

  • Submitted

    Mange Landing Page

    #react#tailwind-css#framer-motion
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    The difficult part of this challenge was background image patterns for me and I want to know if there is a better solution than I choose because I have some doubts about my solution. any recommendation?

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Expenses Chart Component

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    A good challenge for work with chart library like Nivo, I really enjoyed doing this challenge and can't wait for more challenges :)

    Any recommendation is appreciated

  • Submitted

    Job listings with filtering

    #react#tailwind-css#framer-motion
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    Another enjoyable challenge and I got familiar with every and some methods of array for filtering

    Any recommendation is appreciated

  • Submitted

    IP Address Tracker

    #react#tailwind-css#framer-motion
    • HTML
    • CSS
    • JS
    • API

    0


    Hello Dear Community

    This was a nice challenge for working with APIs and I learned a lot

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Results Summary Component

    #react#tailwind-css
    • HTML
    • CSS

    0


    Hello Dear Community

    This challenge had 2 headache for me:

    • Show only corner borders -> solution
    • Make linear gradient work with transition -> solution

    I'm satisfied to choose this challenge, I learned a lot

    Thanks for viewing my solution

  • Submitted

    Time Tracking Dashboard

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    This challenge was a good practice for CSS stuff and React

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Intro Section With Dropdown Navigation

    #react#tailwind-css#framer-motion
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    Creating dropdown menu was the most important thing that I gained from this challenge and I learned how to create absolute div with auto size:

    A div with absolute position get size of its children if:

    • make display of div flex
    • make flex-shrink of children 0
    
    <motion.div ...  className="... flex">
    <ul className="... shrink-0">
    ...
    </ul>
    </motion.div>
    
    

    Thanks for viewing my challenge, Any recommendation is appreciated

  • Submitted

    Age Calculator App

    #react#tailwind-css#framer-motion
    • HTML
    • CSS
    • JS

    2


    Hello Dear Community

    I would hesitate to do this challenge because of its functionality but I did it and it was enjoyable, I thought It was going to be harder than that but I was wrong

    In this solution I used framer-motion for animation and TailwindCss for styling

    Thanks for viewing, any recommendation is appreciated

  • Submitted

    Fylo data storage component

    #react#tailwind-css
    • HTML
    • CSS

    0


    Hello Dear Community

    I've just completed this challenge, It was tiny but enjoyable challenge and took me about 4 hours to complete.

    Thanks for viewing, any recommendation is appreciated

  • Submitted

    News Homepage

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    In this challenge I practiced TailwindCss and really enjoyed that I highly recommend that, it makes creating components so much faster

    Thanks for viewing my solution, any recommendation is appreciated

  • Submitted

    Loopstudios Landing Page

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    I am very happy to submit this solution with React & TailwindCss, I learned a lot about Tailwind and I will continue to do my solutions with that, It's much faster than plan CSS and much enjoyable way to work with.

    This solution took me about 11 hours because I would struggle with TailwindCss

    Thanks and any Improvement appreciated

  • Submitted

    Social Media Dashboard

    #react
    • HTML
    • CSS
    • JS

    0


    Hello Dear Community

    That was a good practice for css and took me about 7 hours to complete

    Thanks for viewing, any improvement is appreciated

  • Submitted


    Hello Dear Community

    For practice more on grid system in css I worked on this challenge, I have some doubt about my solution and I think there is a better solution for this challenge, so I excited to see your solutions to get more out of this challenge

    Thanks for viewing my solution, any suggestion is appreciated

  • Submitted

    E-commerce Product Page

    #react#framer-motion
    • HTML
    • CSS
    • JS

    1


    Hello Dear Community

    this challenge has a lot of work to do that I did not expect particularly Slider was very challenging in coordinate to LightBox, but in more challenges is more stuff to learn.

    Thanks for viewing my solution, any advice is appreciated

  • Submitted

    Room Homepage

    #react#framer-motion
    • HTML
    • CSS
    • JS

    0


    Hello Community

    This challenge was more hard than I had thought particularly slider layout in mobile and desktop, so I learned a lot from this challenge and very excited to publish my solution and see other community solution to learn more

    Thanks for reviewing my solution any recommendation is appreciated

  • Submitted

    Coding bootcamp testimonials slider

    #react#framer-motion
    • HTML
    • CSS
    • JS

    0


    Dear Community

    I've just completed slider challenge using React and Framer Motion I'll happy to hear if I can do it better :)

    Thanks