Hi everyone! I'm diving into front-end development for the first time and I recently built a project for a friend. It's a dice-rolling app where users can press buttons to roll the dice, and I added multiplayer functionality too. I really wanted to focus on making the buttons user-friendly, but now I'm looking for feedback on how to elevate the professionalism of my project. Are there any beginner tips to improve this, and do you think I'm missing any key skills? I appreciate any encouragement as I'm feeling a bit vulnerable sharing my work!
2 Answers
You could definitely start by making your app mobile-friendly! Consider adding a proper header and moving the hamburger menu to the left for better accessibility. This simple change can make a big difference!
Your app looks promising! A couple of things to improve it: try adjusting the layout for mobile users. I noticed when I clicked the dice button, the modal was too large for the screen. If you’re using tailwindcss, consider changing the modal width with class names like "w-[70vw]". And don’t forget about using media queries to adjust grid layouts based on screen size!
Another thing is the color scheme; the dark gray background and dark blue text clash a bit. Lighter neutral grays for the background and darker text would enhance readability. You could also use a palette generator like Coolors to find a cohesive color scheme. And about the clock icon, maybe think about making it more intuitive or automatic based on the user's device—user-friendly design is so important! You're doing awesome, keep pushing through!
Thanks for the detailed feedback! I really appreciate it. I was set on dark mode and didn't realize light mode would need adjustments too. The clock icon was meant for showing dice roll history, but it sounds like it’s not clear at all. I’ll definitely work on making things more user-friendly!
Great suggestion! I realize now I've only tested it on my PC, so I need to address the mobile view. Thanks for the tip!