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

    πŸ”₯Online Rock Paper Scissors game with animationsπŸ”₯

    #bootstrap#firebase#framer-motion#react#redux
    • HTML
    • CSS
    • JS

    2


    Greetings! πŸ™‹β€β™‚οΈ

    I had a fantastic time working on this project, and I'm thrilled to share my accomplishments with you. Here's what I've achieved:

    1. Implemented the application using the popular and efficient React framework.
    2. Designed the visually appealing layout utilizing the versatile Bootstrap library.
    3. Incorporated animations using the Framer Motion package.
    4. used Firebase to create an online version of the game. I encourage you to invite your friends and enjoy playing together! Additionally, you have the option to engage in a solo gameplay experience by simultaneously accessing the game through two separate browsers. I hope you find these enhancements remarkable. Don't hesitate to provide feedback or share your experience while playing the game. Have a fantastic time!
  • Submitted


    Hi there! πŸ™‹β€β™‚οΈ I had a great time working on this! Here is what I did

    I incorporated some animations to enhance the overall experience. Additionally, I added hover animations to the links, making them more engaging. I had a strong desire to animate the SVG image as well, but unfortunately, I'm feeling a bit lazy today. Nonetheless, I'm determined to push through and continue coding. 😐

  • Submitted


    Hi thereπŸ™‹β€β™‚οΈ, I really enjoyed solving this. Here is what I found difficult:

    Making the height of every div dynamic: I discovered that it's determined by multiplying the amount in the JSON file by "2.86478227655". This was a bit challenging for me, especially since I'm more familiar with working in React rather than vanilla JavaScript. Nonetheless, it was a good challenge, and any feedback is welcome.

  • Submitted


    Hi there! πŸ™‹β€β™‚οΈ

    I had a great time solving this challenge! I pushed myself hard to finish it within a day. πŸ˜… I've set a personal challenge to submit a solution every day until I complete all of them. 😈 By the way, I utilized Bootstrap for easier responsiveness, while the rest of the code is pure vanilla JavaScript and custom CSS animations. Animations are very simple but if anyone needed them I made them in separate CSS file called "animations" Feel free to share any feedback you have. πŸ’–

  • Submitted


    Hi thereπŸ™‹β€β™‚οΈ!

    This was one of the most challenging projects I've had fun completing. Here's what I did:

    • I added multi-calculation so that you can perform multiplication, addition, or anything else in the same line.
    • I added sounds on click, theme changes, and errors.
    • I added animations on theme changes and errors.

    I was inspired by the error animation of another developer on the platform, Alexandra. Thank you!

    I was going to add a history of calculations, but I felt it wouldn't be a good idea πŸ˜…

  • Submitted


    Hi thereπŸ™‹β€β™‚οΈ it was such a great time solving this feedbacks are welcomeπŸ’–

  • Submitted


    I really enjoyed this feedback is welcome πŸ˜€ HiπŸ™‹β€β™‚οΈ there the solution stopped working because the provided API require a subscription to keep working I'm sorry for that

  • Submitted


    Hello best developers! πŸ‘‹ I just wanted to share that I created it super fast ⚑️. I have an exam tomorrow πŸ“, so wish me luck! Just a heads up though, I didn't have time to style the active states for mobile, so apologies for that. πŸ˜• But other than that, I'm open to any feedback you might have! 😊

  • Submitted


    πŸ‘‹ Greetings, fellow developers! I wanted to share that I had a blast completing this challenge. It took me 3 hours and 2 cups of coffee β˜• to create the layout using Bootstrap, and I used React with Framer Motion for the animations. πŸš€ I also used SVG to create animated text. πŸ’₯ Finally, I wanted to thank Sir Dennis for inspiring the animation from his Solution. πŸ™Œ I included his name and LinkedIn account in the footer. Thanks for checking out my project! πŸ˜ŠπŸ‘

  • Submitted


    πŸ‘‹ Hi there! I thoroughly enjoyed solving this challenge. I used Bootstrap to create the layout and added some animations using Framer Motion.πŸ’« It was quite a challenge to match the color of the image with the design, but I did my best!

  • Submitted


    πŸ‘‹ Hey there! 🌟 It was such a great time solving this Feedback is welcome