₦airaland Forum

Delving into Programming has been challenging but interesting at the same time. I am pleased and proud to be able to develop my first quiz app using HTML, BOOTSTRAP AND JAVASCRIPT. I will like professionals to rate my biblequiz: https://quizbible-production.up.railway.app/index.html . Legit collaborations or mentorship is welcome also. Thanks.

Good job OP. I have a suggestion that I feel might help you improve your app’s UI.

If design is not your forte, use a tool like Stitch by Google to help you design the screens for your app. It’ll give you the code for the design as well as a way to export it to Figma.

Babtunz:
Good job OP. I have a suggestion that I feel might help you improve your app’s UI.

If design is not your forte, use a tool like Stitch by Google to help you design the screens for your app. It’ll give you the code for the design as well as a way to export it to Figma.

Thank you, i am not actually leaning towards UI/UX design but rather as a software developer; but maybe later i will definitely learn it too. You are appreciated once again.

SourYoghurt:
Hey Oseni, I just spent a couple of minute going through your app, well-done, Please do not take my opinion in bad faith and take it with 100M bags of salt.


You are not a UI designer or rather I want to assume you are not someone with knowledge of UI design skills so trying to reinvent the wheel by using your own idea to "thug" it out is not the best of UI making decision because people will judge your UI aesthetics based on if it is well made or not if you want to be a front-end developer. You can use Dribble, Behance or Pinterest to source for inspiration I am very confident someone, a UI designer has made a UI for front-end that can suit your need.

1. the button for Bible Quote, I think you can do better, the border radius be giving 2000s websites vibes unless your intention is to make it a retro theme website - which I do not think is the case. I will suggest you instead move the button to the middle of your screen and add a p tag with text telling the user that they should click the bottom and reduce the button BR to <20px if you are concerned about when questions are generated, you can toggle it display to hidden using js when you start quiz and return back when no question is displayed, it helps you learn more about DOM manipulations.

2. I like the fact that you are sticking to 3 diff colours, I always do this just 3 colours - primary, secondary and another colour. well-done.

3. The Image, ughhhh, it is too "pixelated", are you using a very small image, if yes, go on pexel . com you wll find great images that will suit your need. in addition, the background grows when you show larger number of questions and make it worse(I am viewing on PC), set a def height for the wrapping element and let it scroll. so the background image can be set to a specific height.

I think those are the immediate observations I can make, however, welldone chief you are trying. How is HNG coming along for you?

While it is true that the background extends as the number of questions increase, it was intended this way as i dont intend to use more image backgrounds as the questions increases; as for the button, i have improved on it too; i am also not leaning to the UI/UX but rather as a software developer even though i will love to do so; as i dont to be Jack, master of none; a step at a time bro. I use Railway to host it being a free hosting hence the pop up site name. I have to make use of free ones as my projects since the aim is to showcase them. You are appreciated sir for your opinion.