Ever wondered how your passwords are stored by the websites?

Here's how:

Imagine you have a website account, and when you create a password, the website stores it just like that in its database. If someone gets access to this database, they can see everyone's passwords. Oopsie!

So instead of storing your password as it is, the website uses a special function called a hash function. It's like a magical blender for your password.
When you create or change your password, the website takes it, blends it with this hash function, and gets a jumbled-up result. This result is your hashed password.

Here's the cool part: once your password is hashed, it's almost impossible to go back it and figure out your original password. It's a one-way street: you can't go back.
[ Even if a hacker gains access to the hashed passwords, it is extremely difficult and time consuming for them to reverse the process and obtain the original passwords. ]
The website then stores not your actual password, but this jumbled up mix (hashed password).

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.