This website helps you track how much time you spend on specific tasks to become more efficient at reaching your goals. This allows you — and your team members — to develop better work habits while increasing your efficiency overall.

Performing salah five times in a day

Salah is the second of the Five Pillars of Islam . It is the belief that Muslims should pray five times each day. Prayer is important as it allows Muslims to communicate with Allah, listen to Allah and follow in the footsteps of the prophets.

Time required: 50m

Meditation

The basic concept of meditation is that it is a practice that connects the mind and the body. Its purpose is to help increase both physical and mental peace and calm, which also helps you to learn how to live more fully in the present.

Time required: 15m

Walking

Regular walking has all the standard benefits of aerobic exercise, such as improvements in the heart and circulatory systems, better blood glucose control, normalization of blood pressure and reduction of anxiety and depression.

Time required: 20m

Studying

Studying is not just important for educational development, but also builds personal skills. Having good study skills can improve your confidence, competence, and self-esteem. As well as helps reduce stress and anxiety around deadlines and exams.

Time required: 360m

Spending time with family

Some advantages of having a family are increased happiness and satisfaction. Studies have shown that spending time with family can help reduce stress and anxiety, lead to a healthier lifestyle and lengthen your life. Family gives you motivation to be the best version of yourself.

Time required: 120m

Clean the room and work station

A sterilized and tidy environment demonstrates professionalism to potential consumers that you care about your business and your personnel. A happy employee is a productive employee. As a result, it makes a far better impression.

Time required: 30m

Physical exercise

Regular physical activity is proven to help prevent and manage noncommunicable diseases such as heart disease, stroke, diabetes and several cancers. It also helps prevent hypertension, maintain healthy body weight and can improve mental health, quality of life and well-being.

Time required: 45m

Gardening

Gardening is one of those activities that people love to do, but few actually enjoy doing it. Gardening requires hard work and patience, and most people don't like either of those things. However, there are many benefits to gardening, including health benefits as well as gardening can help you live longer.

Time required: 40m

Reciting Quran

Reciting Quran daily benefits are the countless good deeds that the Muslim gets by reciting the Quran daily. Ibn Mas'ud (ra) reported: The Messenger of Allah (pbuh) said, “Whoever recites a letter from the Book of Allah, he will be credited with a good deed, and a good deed gets a ten-fold reward.

Time required: 30m

Writing journal

Writing down your ideas forces you to organize your thoughts. It can help you communicate better both on paper and verbally, as there is a strong connection between writing and speaking. Journaling can also improve your ability to write well, particularly by improving your voice and vocabulary.

Time required: 30m

Drawing

Drawing and doodling fires up the same area in your brain as when you're learning a new skill or forming a new memory, and expands your mind in that way. It's so wickedly cool that something as accessible as drawing or doodling can improve your cognitive function so greatly.

Time required: 45m

Personal care

One of the ways to help the elderly is to give them a good sense of self by keeping them well-groomed and maintaining good personal hygiene. In order to foster trust and respect, seniors who require assistance with grooming and personal hygiene must feel trusted and respected.

Time required: 20m

Questions Section

Question No: 01

Question: How does react work under the hood?

React is a JavaScript library (not a framework) that creates user interfaces (UIs) in a predictable and efficient way using declarative code. You can use it to help build single-page applications and mobile apps. React works in declarative code which describes what we want instead of saying how to do it, as you would with imperative code. We use declarative code to create components, which is how we display information. Essentially, components are reusable UIs which allow you to split the app into separate blocks that act independently of each other. In a declarative UI, developers aren’t in charge of changing the UI when something happens. They don’t have to worry about hiding or showing divs, as you would with a code-heavy imperative UI. We only have to worry about receiving a specific app ‘state’ — or, a specific screen displaying detailed information at any time — and rendering it in the UI.

Question No: 02

Question: What is The Difference Between State and Props in React?

  • React.js is one of the most widely used JavaScript libraries that every front-end developer should know. Understanding what props and state are and the differences between them is a big step towards learning React.
  • Props is short for properties and they are used to pass data between React components. React’s data flow between components is uni-directional (from parent to child only).
  • React has another special built-in object called state, which allows components to create and manage their own data. So unlike props, components cannot pass data with state, but they can create and manage it internally.
  • State should not be modified directly, but it can be modified with a special method called setState( ).
  • Components receive data from outside with props, whereas they can create and manage their own data with state Props are used to pass data, whereas state is for managing data.
  • Data from props is read-only, and cannot be modified by a component that is receiving it from outside.
  • State data can be modified by its own component, but is private (cannot be accessed from outside).
  • Props can only be passed from parent component to child (unidirectional flow).
  • Modifying state should happen with the setState ( ) method.

    • Question No: 03

    Question: What kinds of work useEffect do without data loading?

  • According to the official documentation, effects run after every completed render, but you can choose to fire them only when certain values have changed. This hook uses an array of 'dependencies': variables or states that useEffect listen to for changes.
  • Validating an input while it's receiving characters is another great application for useEffect. Whilst the input is being stored in a state using useState, the validation takes place every time the input changes, giving immediate feedback to the user.
  • We can use useEffect to filter an array 'on the fly' by typing letters into an input element. To do so, we will need to use a state to save the input, and a filter implementation inside the useEffect that will be triggered when the input changes, thanks to useEffect dependencies.
  • We can use the useEffect hook to trigger an animation on a shopping cart as a side effect of adding a new product to it. In this case, we'll need a state to handle the cart items, and another state to handle the animation trigger.
  • In this use case, we want to trigger a state update due to an updated fetch() call. We are sending the fetched data to a child component, and whenever that data is changed, the child component re-process it.

    • Profession
    • Student
    • Age
    • 28 yrs

    Add a Break

    • 5m
    • 10m
    • 15m
    • 20m
    • 30m

    Goal Details

    • Working time
    • 0 minutes
    • Break time
    • 0 minutes

    Personal goals Tracker 2025, © All right reserved.