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

Submitted

ADVICE GENERATOR 🎯 [ ASYNC/AWAIT - ES6 MODULES - WEBPACK - 3D DICE ]

#accessibility#animation#bem#lighthouse#webpack

@0xabdulkhalid

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


👾 Hello, Frontend Mentor Community,

This is my solution for the Advice Generator.

  • Scored 99% on Google Pagespeed Insights! 🤩
  • Solution with 99.9% Percent Accuracy 🎯
  • API is Integrated using async / await, which helps me to write code more cleaner
  • Custom 3D Dice with realistic spinning animation 🔥
  • Dynamic browser-bar theme feature, exclusively for Mobile devices ✨
  • Minified every source files during build to improve site's performance 🚀
  • Used Eslint with Prettier code formatter to ensure unified code format ⚙️
  • Layout was built responsive via mobile first workflow approach 📲
  • Had a lots of enthusiasm while building this challenge ! 🤠
  • Feel free to leave any feedback and help me to improve my solution 💡

.

👨‍🔬 Follow me in my journey to finish all junior challenges to explore solutions with custom features and tweaks

Ill be happy to hear any feedback and advice !

Community feedback

@basitkorai

Posted

Hey, bro. I really loved your solution. Did you create the animation yourself or used some library?

2

@0xabdulkhalid

Posted

@basit-flash Wow, glad to hear that you loved the Animation!

I'm not used any Js Libraries for Animation, those are handcrafted. You can look the source code so that you can understand how it's been crafted from scratch.

0

@basitkorai

Posted

@0xAbdulKhalid You're awesome man.

0

@ukazimchisom

Posted

This is great. I really want to connect with you, how do i do that?

1

@0xabdulkhalid

Posted

Thank you @ukazimchisom !

You can connect with me on LinkedIn.

Sorry for being late, I'm on my Exams. So that I'm not currently active on this Platform.

0

@HamzaAbdrahim

Posted

great job you did here ♥ its just especially the 3d animition its just awosome

1

@0xabdulkhalid

Posted

Thank you so much @ess-maker! 😊

I'm thrilled you liked the 3D animation, it was a blast to create!

If you have any more feedback or suggestions, feel free to share. Enjoy using the Advice Generator app! 🎲🌟

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord