week 3 – learning figma & UI/UX basics, simple logic implemented

I have to admit that I don’t remember the last time I had such a productive week âš¡.
After implementing the first simple function (single / multiple response validation), I went into work on the application. This week I spent almost six times as much time on it as I did last week 🤯.
Most of the time I was learning new things (how to design an app etc.). While implementing radio buttons and checkbox logic, I started to get more and more annoyed with the clutter with component positions and the ugly default UI. Therefore, from Wednesday on, I started looking for frontend tutorials as my frontend knowledge is very disorganized. After running the first HTML and CSS tutorial, I noticed that the lecturer said several times that we should have UI mockups first.
So I started with the Figma tutorial and did a more detailed project there, which I later tried to recreate in HTML

what did I do last week?

🔶 I added three questions with answers (as mentioned for now, I will be using the .json file to store the questions)

🔶 I implemented a simple question logic
– display radio buttons, when only one answer is important, display the checkbox if there are many
– show the result in the footer
– add points for each successful answer

🔶 I completed the basix Figma & UX tutorial. This allowed me to design pages for my application:

🔶 I completed the HTML & CSS course which helped me recreate Figma mockups in code


Now the app looks like this:

what was the biggest impediment?

Lack of design & frontend knowledge. That’s why I had to spend hours and hours to get better at it.

what is the plan for next week?

  • Correct the footer with the result (I didn’t focuss on it too much)
  • Focus more on features than on the UI
  • Implement the start page (with the fields that user wants to practice)
  • Marking the correct answers after incorrect answer
  • Implement the component that allows the user to add their own question with answers

time spent

  • from last week
    19h
  • overall
    24h

costs

  • from last week
    32 $
  • overall
    32 $

summary

I am glad that I enjoy working on this project and that it motivates me to learn new things.
Hopefully it will last for the next few weeks 😺

Related Posts

Leave a Reply

Your email address will not be published.