Salting:
- To enhance security, a unique and random value called a "salt" is added to each password before hashing.
- The salt ensures that even if two users have the same password, their hashed values will be different because of the unique salt.

Procedure:
- When a user creates an account or changes their password, the system generates a random salt for that user.
- The system combines the user's password with the salt and then applies the hash function to produce the hashed password.
- The hashed password and the salt are then stored in the database.

Now you may wonder, how is our password verified?

- When a user attempts to log in, the system retrieves the salt associated with the user from the database.
- The system combines the entered password with the retrieved salt and then applies the same hash function.
- It compares the computed hash with the stored hash, if they match, the entered password is correct.

This security practices may vary, not all websites implement the same measures.

some systems use "pepper", which is a secret value not stored in the database in the same database. The pepper is applied before hashing and provides an extra layer of security.

@javascript_resources
#cybersecurity

🔨 Semantic Structure Example:

Master React.

Learn these hooks:

📌 useState()
⏲️ useEffect()
🌐 useContext()
🔄 useReducer()
🏃‍♂️ useCallback()
🧠 useMemo()
📚 useRef()
🎨 useLayoutEffect()

Useful site to check

Open Peeps:

Hand-drawn illustration library for free use.

→ openpeeps.com

#techtip
@javascript_resources

Understand possible values for CSS transform property with this cheat sheet 🚀

CSS Margin and Padding🔥🤓

💠Margin

Margin is used for controlling spacing around elements in a web page.

This creates space between an element’s border and its neighbouring elements.

💠Margin Properties

▪️margin-top: sets the margin on the top side.
▪️margin-bottom: sets the margin on the bottom side.
▪️margin-left: sets the margin on the left side.
▪️margin-right: sets the margin on the right side.
▪️margin: sets the margin for all four sides.

💠Margin Values

▪️auto - the browser calculates the margin
▪️length - specifies a margin in px, pt, cm, etc.
▪️% - specifies a margin in % of the width of the container
▪️inherit - makes the margin inherit from the parent element.

⚡️Negative values are allowed.

💠Margin Shorthand Property

You can use the margin shorthand property to set all four margin values at once.

💠Padding

Padding is used to create space between an element’s content and its border.

It affects the space inside the element.