Quarashi Network: Privacy Chat, DEX, IDO/IEO platform & Blockchain Multi Crypto wallet.

This is image title
All of Quarashi Network features are developed for the everyday needs of crypto holders based on our teams experiences as crypto holders. Quarashi’s three main features are designed to be user-friendly and 100% accessible for every crypto holder.

Number one is the multi-cryptocurrency wallet solution. This allows the Quarashi users to safely manage, send & receive cryptocurrency, exchange Quarashi with top 100 cryptos, and buy crypto using Visa/Mastercard secure. Assets are never stored by Quarashi, they are stored directly into the blockchain.

Next, is the Quarashi chat, a decentralized chat module 100% anonymous, 100% privacy with no backups, 100% Encrypted.

Quarashi’s IEO Platform enables investments in yet-to-be-launched crypto projects in a secure and easy way. Initial Exchange Offering (IEO) & Initial DEX Offering (IDO) are the most trusted investment processes, both for project founders and investors.

Website : https://quarashi.network/

Telegram : https://t.me/quarashinetworkofficial
Twitter : https://twitter.com/QuarashiN/
Medium : https://quarashinetwork.medium.com/
Whitepaper : https://quarashi.network/Quarashi-Whitepaper.pdf
Mail : contact@quarashi.network

Quarashi Network is a complete suite of solutions focused on providing the user with full privacy and anonymity. The core elements of the Quarashi Network ecosystem are the Quarashi chat app and the Quarashi Wallet, both powered by the Quarashi Network Token (QUA).
Quarashi is the first 100% private and anonymous chat application which doesn’t store any data whatsoever about the user, and none of the messages one user sends to another one.

Unlike other messaging apps which only pretend to be private, Quarashi will never store your private info such as email addresses or phone numbers, and never ask you to grant access to the microphone, camera, or the GPS location of your device.

Quarashi Wallet is a cryptocurrency wallet integrated in the Quarashi Network, which enables the users of the Quarashi messaging app to seamlessly send and receive private crypto transactions. Quarashi Wallet utilizes smart contracts which allow users to hide the amounts and origins of cryptocurrency held in a decentralized and frictionless manner. Each time you want to make a withdrawal, Quarashi will create a new wallet address for you with the amount of crypto that
you requested, which originates from the smart contract where everyone’s funds are mixed.

Unlike similar applications which only promise to be private and anonymous, the Ouarashi team sees privacy as the core aspect of the project. Quarashi Network will always be a 100% secure and private messaging application, and Quarashi Wallet will always be a 100% secure and private cryptocurrency wallet.

Quarashi Network represents a breakout for the future of user rights to privacy and data protection. Privacy shouldn’t be considered an extra feature. It should be the absolute foundation and the irrevocable core upon the rest of the project is built.
Full and total dedication must be upheld to focus all of the available technology on user protection.

Privacy - like eating and breathing - is one of life’s basic requirements.
― Katherine Neville

This is image title

Quarashi Network is the first messaging app that is fully privacy oriented. Encrypted chat apps aren’t nothing new, but they only give you an illusion of security. Quarashi doesn’t make any compromises when it comes to the rights of our users. Our dedication to privacy and anonymity is full and complete.

Many messaging apps claim to offer full privacy, while they only provide the user with end-toend encryption (E2E). But even if the messages are 100% encrypted with military-grade cryptographic algorithms, it doesn’t mean that the user’s identity is fully protected. Most of the chat apps on the market request the users to disclose personal information such as your phone number or email address before they can start using the app. From that point onwards, nothing the users send will be truly private because everything can be easily linked to their real life identity.
Even though the messages might be encrypted, the users are not anonymous and their real identity can be easily revealed.

Quarashi Network is different. No phone number or email address is required. The users can send and receive encrypted messages while being absolutely certain that their personal information remains private, anonymous and fully untraceable.

This is image title

We’re living In the age of Big Brother. Groundbreaking technology, fast internet, the ability to easily store and retrieve data - all of this is amazing, but unfortunately we pay for it by sacrificing our right to privacy.
The majority of social media platforms and messaging apps aren’t really designed to fulfill the needs of their users. Instead, their purpose is entrapping the users, stealing as much of their private data as possible, and selling all of it to the highest bidder.
Because of that, privacy cannot be simply introduced as an extra feature - the entire architecture of most of the social media and chat apps is hostile to privacy on a structural level. And the users are very well aware of that - the number of users for the biggest social media platform have declined in the last two years, mainly because of their total lack of respect for the users’ privacy.

Privacy Problem of Cryptocurrency Wallets
One of the most unique elements of the Quarashi Network ecosystem is the decision to integrate a cryptocurrency wallet and the ability to securely and privately send and receive cryptocurrency transactions.
While the privacy problem of messaging apps and social media platforms is commonly known, many people don’t realize that cryptocurrency wallets face a similar degree of privacy threats. In the quest to retain anonymity, privacy and security, it is important to understand that typical crypto wallets are designed only to provide the basic functionality of sending, receiving and storing digital assets. Privacy is at the best considered an extra feature, in the worst case
scenario, it’s something that just doesn’t get addressed at all.
Almost all cryptocurrencies on the market don’t have in-built privacy, so unless the user’s wallet is privacy-focused, all transactions can be effortlessly tracked by hostile third parties.
Naturally, there is an increasing demand for privacy-oriented wallets to defend against transactions being followed by bad actors.
Our direct competition extends to platforms enabling private deposits of Ethereum by using smart contracts (such as Tornado Cash), anonymous wallets (such as Incognito), or even semi-private, but not anonymous wallets (such as Metamask). The success of our competitors reassures that the demand for privacy-based transactions is as high as ever - though we also see clear competitive advantages that Quarashi brings to the market.
Contrary to traditional markets, the cryptocurrency ecosystem is not a zero-sum game and lacks the “winner takes all” mentality. Different solutions, blockchains, exchanges and cryptocurrencies coexist together, which results in an ever-expanding, organically growing, healthy and user-oriented market. In other words, crypto is a community, and the demand for integrating private crypto transactions into a private messaging app is massive.

The Challenge
Is it possible to design a completely private messaging application that would provide the full functionality enabled by today’s technology, but without storing any data and without creating any fingerprint identifiers of the user?
An application like that would have to be totally dedicated to protecting users’ privacy. All the private data would have to be owned exclusively by the user, but the entire network would have to be built as a community-owned, decentralized, transparent, public infrastructure. This would guarantee that the application remains fully resistant to hostile takeovers and outside manipulation, while also providing additional incentives to out-innovating and out-competing
entrenched incumbents.

We strongly believe that Quarashi has the potential to fully answer this challenge.

The Vision
The Quarashi vision is focused on total commitment, consistency and respect for its users’privacy, data and identity. Our mission is helping individuals and businesses in regaining their rights to privacy and anonymity.
Quarashi aims to be the world’s most private, most secure and most anonymous chat
application providing its users with untraceable identity while sending and receiving both traditional messages as well as cryptocurrency transactions.
Privacy shouldn’t be “opt-in”, rather it’s something you could occasionally “opt-out” on your free will. Utilizing blockchain technology in Quarashi will allow us to greatly enhance the privacy standards prevalent in the current messaging apps.
If crypto succeeds, it’s not because it empowers better people. It’s because it empowers better institutions.

  • Vitalik Buterin, Creator of Ethereum

The Objective
To sum up, the objective of Quarashi Network is creating an ecosystem enabling sending and receiving communications and transactions in a truly private way.
Most of the messaging apps and cryptocurrency wallets on the market consider privacy an extra feature. We believe that privacy is a basic human right that should never be infringed upon, and we are determined to secure that right through providing our users with a 100% private and anonymous messaging app.

Quarashi Network Features

No Phone Number / Email Address Required / Location or Contacts
access

Most of the so-called “private” messaging apps forfeit the user’s actual privacy before the user even starts to use them, as providing personal information during registration means that the user’s real identity can be easily traced. Quarashi is different: the user is never, under no circumstances asked to disclose any personal information.

Self-Destructing Private Messages
If you want to have absolute certainty that nobody but the recipient will read your message,you can choose the self-destruction option. The message will be automatically deleted from all devices after a set period of time, leaving absolutely no trace.

Hidden History
With typical privacy chat apps, someone who accesses your smartphone can read the entire chat history. With Quarashi Network, the messaging history is hidden, and even if your device is compromised the messages can’t be read by a third party.

No Ads & No Trackers
Ads can compromise your privacy and anonymity by collecting data about you. That’s why Quarashi Network contains absolutely no ads and no trackers.

No Backups
No sensitive data and personal information will ever be stored where it shouldn’t. Your data is not copied anywhere without your knowledge. If you delete something, it’s gone.

Private File Sharing
Privacy must not be limited to traditional text messages. In Quarashi, all types of messages are equally private and secure: transferring photos, videos and other files can be done 100% privately and anonymously.

Secure Screen
In messaging apps which don’t provide full screen protection, messages can be easily captured and the entire content of the user’s screen can be revealed to a hostile third party.
Quarashi offers a completely secure screen which cannot be captured.

End-to-End Encryption (E2E)
For most messaging apps, end-to-end encryption is the only privacy-oriented feature. For Quarashi, it’s just one of many features working together to assure full privacy. Text messages and other files use the military-grade protocol for E2E, as well as pre-keys optimized for mobile
and multi-device messaging.

Quarashi Wallet
The ability to privately send and receive cryptocurrency is as important as the ability to privately send and receive any other kind of information. Qurashi Network is a complete ecosystem of privacy-oriented solutions, which enables securely transferring all kinds of data. Quarashi Wallet is a 100% private, non-custodial Ethereum browser wallet. In order to allow the users to hide the amounts and origins of all their cryptocurrency transactions, Quarashi
utilizes smart contracts to obfuscate all transfers in a decentralized and frictionless manner.
Each time the user wants to make a withdrawal, Quarashi will create a new wallet address with the requested amount of crypto, which will be tracked only to the smart contract where everyone’s funds are pooled, but not to the user’s personal wallet.

Quarashi Network Token
The entire Quarashi Network ecosystem is powered by a native digital asset: Quarashi Network Token (QUA). Quarashi Network Token is an Ethereum-based (ERC-20), deflationary, fairly issued and fully transparent digital currency.
QUA is a multi-functional token utilized both in the Quarashi messaging app and in the Quarashi cryptocurrency wallet. Thanks to the application of the QUA token, Quarashi Network is able to be the first 100% private and anonymous solution on the market combining the functionality of a traditional messaging app and a crypto wallet, allowing the users to send all kinds of data with total privacy - including cryptocurrency transactions.
This is image title

This is image title

This is image title

#blockchain #cryptocurrency

What is GEEK

Buddha Community

Quarashi Network: Privacy Chat, DEX, IDO/IEO platform & Blockchain Multi Crypto wallet.

Can Privacy Wallets Really Keep Your Cryptocurrency Safe in 2020?

You can’t possibly use the Internet without using Incognito mode every now and again. You’re not using it to get better content; the web pages you’re accessing are still the same, regardless of how you’re reaching them. You’re mainly doing it because you don’t want certain searches to remain in your browser history. More importantly, you’re doing it because you value your privacy.

Maybe you aren’t applying the same strict protection measures when you’re checking your Facebook feed, but you do mind if someone is deliberately trying to peep over your shoulder. But, again, even if it bothers you, you won’t close the Facebook app just because there’s someone else there. You’ll let them be because you don’t see those Facebook posts, even if they are personal to your account, as sensitive information.

How about checking your bank statement? Are you easily opening your banking app in public, letting everyone see your monthly salary that just came in? The answer is most likely no. You would do everything possible to keep your financial transactions confidential. And I’m not talking about security here; security-wise, you are already trusting (more or less) the underlying banking system. I’m talking about the transaction history, the data itself. Even if nobody would be able to access your account or do anything with this data, you are still doing everything possible to keep it secret. In fact, studies have shown that 48% of millennial couples are keeping their finances private from each other.

The same principle applies to cryptocurrency. You have trust in the underlying system, the blockchain, to keep your funds secure. Anyway, when it comes to transaction privacy, you are simply reusing the same wallet address that you created in 2017 when you bought your first BTC.

But by doing this you are not only hurting your privacy, you’re affecting the privacy of everyone who’s receiving funds from you. By definition, “Address reuse […] is an unintended practice, abusing the privacy and security of the participants of the transactions as well as future holders of their value.”

If you think nobody has the time to track down your transactions, think again. Software solutions have been built specifically to track cryptocurrency addresses, and, at this stage, they are either available publicly for anyone to use or used by certain companies and governments for undisclosed reasons. Just by reading about the advancement of the transaction surveillance companies and it makes you not want to move your coins anymore.

Luckily, there are solutions available to manage your cryptocurrencies confidentially. In the search of replacing my ordinary wallet, I found many services claiming complete anonymity. However, after trying them, most wallets have very bad usability or even outright glaring security flaws. It was a struggle, but I narrowed my list down to four wallets. I consider them all up to 2020 standards while offering several confidentiality features. But as always, it’s up to you to choose the one that fits your needs.

1. Going Incognito

Not the browser mode but the Incognito wallet - a cryptocurrency wallet that offers privacy in transactions for multiple popular currencies, such as Bitcoin, Ethereum, USDT, and DAI. Also, all ERC20 tokens are supported plus privacy coins like Monero

At the user level, the Incognito wallet is not so different from other wallets with multi-currency, multi-activity functionality. You can deposit, store, and send your coins. You hold your own keys and sign transactions locally. And you can even access DeFi platforms like Kyber and swap coins across blockchains within the wallet. Imagine exchanging Bitcoin to Monero with the click of a button. That’s possible with Incognito.

The extra privacy features work behind the scenes to protect your information and identity. The magic happens under the hood where zero-knowledge proof technology has been implemented to obfuscate your transactions as well as your blockchain-powered financial history. Maybe you’ve heard of zero-knowledge proofs in the context of Zcash or other privacy-oriented coins. The solution developed by the Incognito team is rewritten from scratch, optimized for mobile, and combined with other technologies such as ring signatures and stealth addresses, also utilized by Monero. What more can I say about this? As of today, there are no proven ways to track transactions coming from this wallet. If you are the type who handles many coins at the same time and wants a wallet that does more than just HODL, this may be the one for you.

#privacy #crypto #crypto-wallets #hardware-wallet #blockchain-wallets #blockchain

Quarashi Network: Privacy Chat, DEX, IDO/IEO platform & Blockchain Multi Crypto wallet.

This is image title
All of Quarashi Network features are developed for the everyday needs of crypto holders based on our teams experiences as crypto holders. Quarashi’s three main features are designed to be user-friendly and 100% accessible for every crypto holder.

Number one is the multi-cryptocurrency wallet solution. This allows the Quarashi users to safely manage, send & receive cryptocurrency, exchange Quarashi with top 100 cryptos, and buy crypto using Visa/Mastercard secure. Assets are never stored by Quarashi, they are stored directly into the blockchain.

Next, is the Quarashi chat, a decentralized chat module 100% anonymous, 100% privacy with no backups, 100% Encrypted.

Quarashi’s IEO Platform enables investments in yet-to-be-launched crypto projects in a secure and easy way. Initial Exchange Offering (IEO) & Initial DEX Offering (IDO) are the most trusted investment processes, both for project founders and investors.

Website : https://quarashi.network/

Telegram : https://t.me/quarashinetworkofficial
Twitter : https://twitter.com/QuarashiN/
Medium : https://quarashinetwork.medium.com/
Whitepaper : https://quarashi.network/Quarashi-Whitepaper.pdf
Mail : contact@quarashi.network

Quarashi Network is a complete suite of solutions focused on providing the user with full privacy and anonymity. The core elements of the Quarashi Network ecosystem are the Quarashi chat app and the Quarashi Wallet, both powered by the Quarashi Network Token (QUA).
Quarashi is the first 100% private and anonymous chat application which doesn’t store any data whatsoever about the user, and none of the messages one user sends to another one.

Unlike other messaging apps which only pretend to be private, Quarashi will never store your private info such as email addresses or phone numbers, and never ask you to grant access to the microphone, camera, or the GPS location of your device.

Quarashi Wallet is a cryptocurrency wallet integrated in the Quarashi Network, which enables the users of the Quarashi messaging app to seamlessly send and receive private crypto transactions. Quarashi Wallet utilizes smart contracts which allow users to hide the amounts and origins of cryptocurrency held in a decentralized and frictionless manner. Each time you want to make a withdrawal, Quarashi will create a new wallet address for you with the amount of crypto that
you requested, which originates from the smart contract where everyone’s funds are mixed.

Unlike similar applications which only promise to be private and anonymous, the Ouarashi team sees privacy as the core aspect of the project. Quarashi Network will always be a 100% secure and private messaging application, and Quarashi Wallet will always be a 100% secure and private cryptocurrency wallet.

Quarashi Network represents a breakout for the future of user rights to privacy and data protection. Privacy shouldn’t be considered an extra feature. It should be the absolute foundation and the irrevocable core upon the rest of the project is built.
Full and total dedication must be upheld to focus all of the available technology on user protection.

Privacy - like eating and breathing - is one of life’s basic requirements.
― Katherine Neville

This is image title

Quarashi Network is the first messaging app that is fully privacy oriented. Encrypted chat apps aren’t nothing new, but they only give you an illusion of security. Quarashi doesn’t make any compromises when it comes to the rights of our users. Our dedication to privacy and anonymity is full and complete.

Many messaging apps claim to offer full privacy, while they only provide the user with end-toend encryption (E2E). But even if the messages are 100% encrypted with military-grade cryptographic algorithms, it doesn’t mean that the user’s identity is fully protected. Most of the chat apps on the market request the users to disclose personal information such as your phone number or email address before they can start using the app. From that point onwards, nothing the users send will be truly private because everything can be easily linked to their real life identity.
Even though the messages might be encrypted, the users are not anonymous and their real identity can be easily revealed.

Quarashi Network is different. No phone number or email address is required. The users can send and receive encrypted messages while being absolutely certain that their personal information remains private, anonymous and fully untraceable.

This is image title

We’re living In the age of Big Brother. Groundbreaking technology, fast internet, the ability to easily store and retrieve data - all of this is amazing, but unfortunately we pay for it by sacrificing our right to privacy.
The majority of social media platforms and messaging apps aren’t really designed to fulfill the needs of their users. Instead, their purpose is entrapping the users, stealing as much of their private data as possible, and selling all of it to the highest bidder.
Because of that, privacy cannot be simply introduced as an extra feature - the entire architecture of most of the social media and chat apps is hostile to privacy on a structural level. And the users are very well aware of that - the number of users for the biggest social media platform have declined in the last two years, mainly because of their total lack of respect for the users’ privacy.

Privacy Problem of Cryptocurrency Wallets
One of the most unique elements of the Quarashi Network ecosystem is the decision to integrate a cryptocurrency wallet and the ability to securely and privately send and receive cryptocurrency transactions.
While the privacy problem of messaging apps and social media platforms is commonly known, many people don’t realize that cryptocurrency wallets face a similar degree of privacy threats. In the quest to retain anonymity, privacy and security, it is important to understand that typical crypto wallets are designed only to provide the basic functionality of sending, receiving and storing digital assets. Privacy is at the best considered an extra feature, in the worst case
scenario, it’s something that just doesn’t get addressed at all.
Almost all cryptocurrencies on the market don’t have in-built privacy, so unless the user’s wallet is privacy-focused, all transactions can be effortlessly tracked by hostile third parties.
Naturally, there is an increasing demand for privacy-oriented wallets to defend against transactions being followed by bad actors.
Our direct competition extends to platforms enabling private deposits of Ethereum by using smart contracts (such as Tornado Cash), anonymous wallets (such as Incognito), or even semi-private, but not anonymous wallets (such as Metamask). The success of our competitors reassures that the demand for privacy-based transactions is as high as ever - though we also see clear competitive advantages that Quarashi brings to the market.
Contrary to traditional markets, the cryptocurrency ecosystem is not a zero-sum game and lacks the “winner takes all” mentality. Different solutions, blockchains, exchanges and cryptocurrencies coexist together, which results in an ever-expanding, organically growing, healthy and user-oriented market. In other words, crypto is a community, and the demand for integrating private crypto transactions into a private messaging app is massive.

The Challenge
Is it possible to design a completely private messaging application that would provide the full functionality enabled by today’s technology, but without storing any data and without creating any fingerprint identifiers of the user?
An application like that would have to be totally dedicated to protecting users’ privacy. All the private data would have to be owned exclusively by the user, but the entire network would have to be built as a community-owned, decentralized, transparent, public infrastructure. This would guarantee that the application remains fully resistant to hostile takeovers and outside manipulation, while also providing additional incentives to out-innovating and out-competing
entrenched incumbents.

We strongly believe that Quarashi has the potential to fully answer this challenge.

The Vision
The Quarashi vision is focused on total commitment, consistency and respect for its users’privacy, data and identity. Our mission is helping individuals and businesses in regaining their rights to privacy and anonymity.
Quarashi aims to be the world’s most private, most secure and most anonymous chat
application providing its users with untraceable identity while sending and receiving both traditional messages as well as cryptocurrency transactions.
Privacy shouldn’t be “opt-in”, rather it’s something you could occasionally “opt-out” on your free will. Utilizing blockchain technology in Quarashi will allow us to greatly enhance the privacy standards prevalent in the current messaging apps.
If crypto succeeds, it’s not because it empowers better people. It’s because it empowers better institutions.

  • Vitalik Buterin, Creator of Ethereum

The Objective
To sum up, the objective of Quarashi Network is creating an ecosystem enabling sending and receiving communications and transactions in a truly private way.
Most of the messaging apps and cryptocurrency wallets on the market consider privacy an extra feature. We believe that privacy is a basic human right that should never be infringed upon, and we are determined to secure that right through providing our users with a 100% private and anonymous messaging app.

Quarashi Network Features

No Phone Number / Email Address Required / Location or Contacts
access

Most of the so-called “private” messaging apps forfeit the user’s actual privacy before the user even starts to use them, as providing personal information during registration means that the user’s real identity can be easily traced. Quarashi is different: the user is never, under no circumstances asked to disclose any personal information.

Self-Destructing Private Messages
If you want to have absolute certainty that nobody but the recipient will read your message,you can choose the self-destruction option. The message will be automatically deleted from all devices after a set period of time, leaving absolutely no trace.

Hidden History
With typical privacy chat apps, someone who accesses your smartphone can read the entire chat history. With Quarashi Network, the messaging history is hidden, and even if your device is compromised the messages can’t be read by a third party.

No Ads & No Trackers
Ads can compromise your privacy and anonymity by collecting data about you. That’s why Quarashi Network contains absolutely no ads and no trackers.

No Backups
No sensitive data and personal information will ever be stored where it shouldn’t. Your data is not copied anywhere without your knowledge. If you delete something, it’s gone.

Private File Sharing
Privacy must not be limited to traditional text messages. In Quarashi, all types of messages are equally private and secure: transferring photos, videos and other files can be done 100% privately and anonymously.

Secure Screen
In messaging apps which don’t provide full screen protection, messages can be easily captured and the entire content of the user’s screen can be revealed to a hostile third party.
Quarashi offers a completely secure screen which cannot be captured.

End-to-End Encryption (E2E)
For most messaging apps, end-to-end encryption is the only privacy-oriented feature. For Quarashi, it’s just one of many features working together to assure full privacy. Text messages and other files use the military-grade protocol for E2E, as well as pre-keys optimized for mobile
and multi-device messaging.

Quarashi Wallet
The ability to privately send and receive cryptocurrency is as important as the ability to privately send and receive any other kind of information. Qurashi Network is a complete ecosystem of privacy-oriented solutions, which enables securely transferring all kinds of data. Quarashi Wallet is a 100% private, non-custodial Ethereum browser wallet. In order to allow the users to hide the amounts and origins of all their cryptocurrency transactions, Quarashi
utilizes smart contracts to obfuscate all transfers in a decentralized and frictionless manner.
Each time the user wants to make a withdrawal, Quarashi will create a new wallet address with the requested amount of crypto, which will be tracked only to the smart contract where everyone’s funds are pooled, but not to the user’s personal wallet.

Quarashi Network Token
The entire Quarashi Network ecosystem is powered by a native digital asset: Quarashi Network Token (QUA). Quarashi Network Token is an Ethereum-based (ERC-20), deflationary, fairly issued and fully transparent digital currency.
QUA is a multi-functional token utilized both in the Quarashi messaging app and in the Quarashi cryptocurrency wallet. Thanks to the application of the QUA token, Quarashi Network is able to be the first 100% private and anonymous solution on the market combining the functionality of a traditional messaging app and a crypto wallet, allowing the users to send all kinds of data with total privacy - including cryptocurrency transactions.
This is image title

This is image title

This is image title

#blockchain #cryptocurrency

Zachary Palmer

Zachary Palmer

1555901576

CSS Flexbox Tutorial | Build a Chat Application

Creating the conversation sidebar and main chat section

In this article we are going to focus on building a basic sidebar, and the main chat window inside our chat shell. See below.

Chat shell with a fixed width sidebar and expanded chat window

This is the second article in this series. You can check out the previous article for setting up the shell OR you can just check out the chat-shell branch from the following repository.

https://github.com/lyraddigital/flexbox-chat-app.git

Open up the chat.html file. You should have the following HTML.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Chat App</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/chat.css" />
</head>
<body>
    <div id="chat-container">
    </div>
</body>
</html>

Now inside of the chat-container div add the following HTML.

<div id="side-bar">
</div>
<div id="chat-window">
</div>

Now let’s also add the following CSS under the #chat-container selector in the chat.css file.

#side-bar {
    background: #0048AA;
    border-radius: 10px 0 0 10px;
}
#chat-window {
    background: #999;
    border-radius: 0 10px 10px 0;
}

Now reload the page. You should see the following:-

So what happened? Where is our sidebar and where is our chat window? I expected to see a blue side bar and a grey chat window, but it’s no where to be found. Well it’s all good. This is because we have no content inside of either element, so it can be 0 pixels wide.

Sizing Flex Items

So now that we know that our items are 0 pixels wide, let’s attempt to size them. We’ll attempt to try this first using explicit widths.

Add the following width property to the #side-bar rule, then reload the page.

width: 275px;

Hmm. Same result. It’s still a blank shell. Oh wait I have to make sure the height is 100% too. So we better do that too. Once again add the following property to the #side-bar rule, then reload the page.

height: 100%;

So now we have our sidebar that has grown to be exactly 275 pixels wide, and is 100% high. So that’s it. We’re done right? Wrong. Let me ask you a question. How big is the chat window? Let’s test that by adding some text to it. Try this yourself just add some text. You should see something similar to this.

So as you can see the chat window is only as big as the text that’s inside of it, and it is not next to the side bar. And this makes sense because up until now the chat shell is not a flex container, and just a regular block level element.

So let’s make our chat shell a flex container. Set the following display property for the #chat-window selector. Then reload the page.

display: flex;

So as you can see by the above illustration, we can see it’s now next to the side bar, and not below it. But as you can see currently it’s only as wide as the text that’s inside of it.

But we want it to take up the remaining space of the chat shell. Well we know how to do this, as we did it in the previous article. Set the flex-grow property to 1 on the #chat-window selector. Basically copy and paste the property below and reload the page.

flex-grow: 1;

So now we have the chat window taking up the remaining space of the chat shell. Next, let’s remove the background property, and also remove all text inside the chat-window div if any still exists. You should now see the result below.

But are we done? Technically yes, but before we move on, let’s improve things a little bit.

Understanding the default alignment

If you remember, before we had defined our chat shell to be a flex container, we had to make sure we set the height of the side bar to be 100%. Otherwise it was 0 pixels high, and as a result nothing was displayed. With that said, try removing the height property from the #side-bar selector and see what happens when you reload the page. Yes that’s right, it still works. The height of the sidebar is still 100% high.

So what happened here? Why do we no longer have to worry about setting the height to 100%? Well this is one of the cool things Flexbox gives you for free. By default every flex item will stretch vertically to fill in the entire height of the flex container. We can in fact change this behaviour, and we will see how this is done in a future article.

Setting the size of the side bar properly

So another feature of Flexbox is being able to set the size of a flex item by using the flex-basis property. The flex-basis property allows you to specify an initial size of a flex item, before any growing or shrinking takes place. We’ll understand more about this in an upcoming article.

For now I just want you to understand one important thing. And that is using width to specify the size of the sidebar is not a good idea. Let’s see why.

Say that potentially, if the screen is mobile we want the side bar to now appear across the top of the chat shell, acting like a top bar instead. We can do this by changing the direction flex items can flex inside a flex container. For example, add the following CSS to the #chat-container selector. Then reload the page.

flex-direction: column;

So as you can see we are back to a blank shell. So firstly let’s understand what we actually did here. By setting the flex-direction property to column, we changed the direction of how the flex items flex. By default flex items will flex from left to right. However when we set flex-direction to column, it changes this behaviour forcing flex items to flex from top to bottom instead. On top of this, when the direction of flex changes, the sizing and alignment of flex items changes as well.

When flexing from left to right, we get a height of 100% for free as already mentioned, and then we made sure the side bar was set to be 275 pixels wide, by setting the width property.

However now that we a flexing from top to bottom, the width of the flex item by default would be 100% wide, and you would need to specify the height instead. So try this. Add the following property to the #side-bar selector to set the height of the side bar. Then reload the page.

height: 275px;

Now we are seeing the side bar again, as we gave it a fixed height too. But we still have that fixed width. That’s not what we wanted. We want the side bar (ie our new top bar) here to now be 100% wide. Comment out the width for a moment and reload the page again.

So now we were able to move our side bar so it appears on top instead, acting like a top bar. Which as previously mentioned might be suited for mobile device widths. But to do this we had to swap the value of width to be the value of height. Wouldn’t it be great if this size was preserved regardless of which direction our items are flexing.

Try this, remove all widths and height properties from the #side-bar selector and write the following instead. Then reload the page.

flex-basis: 275px;

As you can see we get the same result. Now remove the flex-direction property from the #chat-container selector. Then once again reload the page.

Once again we are back to our final output. But now we also have the flexibility to easily change the side bar to be a top bar if we need to, by just changing the direction items can flow. Regardless of the direction of flex, the size of our side bar / top bar is preserved.

Conclusion

Ok so once again we didn’t build much, but we did cover a lot of concepts about Flexbox around sizing. 

#css #programming #webdev 

aviana farren

aviana farren

1623328419

How to build an IDO platform for fundraising in the DeFi platform

Initial DEX Offering, a fundraising opportunity to the investors, abbreviated as IDO. IDO refers to the launching of the cryptocurrency in the decentralized platform to raise funding from retail investors. IDO provides the startup companies with an opportunity for an immediate fundraising model using the blockchain technology.

Benefits of IDO:

  • Low cost of listing- gas fee
  • Open and fair fundraising procedure
  • Immediate trading and liquidity
  • Automated market trading
  • No risk of information an identity theft
  • Secured listing platform

IDO platform development:

The question that arises in the reader’s mind is how to build an IDO platform? The answer is yes! The following steps do the development of IDO platform:

  • Roadmap creation: A meaningful strategy and a clear roadmap about the business make investors invest in the platform.
  • Devise your White paper: A well designed White paper makes the business earn a lot of money by dragging the investor’s attention.
  • Development of the IDO tokens: The developers will assist you by developing the IDO token that is encrypted in the blockchain making it highly secure.
  • Token listing: Launching the IDO token at the right platform is essential for the optimum trading of tokens.
  • Marketing technique for better trading: This will make the listing process evident to many users to make them invest in the token.
  • Governance tokens: The governance tokens enable the user to influence decisions regarding the project. It is an ideal authorization making the platform even more user friendly.

The support and service option will be provided by the company that you selected for the platform development.

Infinite Block Tech is prominent in designing and developing the DeFi platforms like IDO platform development. We provide a high-end security benefit for the IDO platform making the user a trouble free transaction.

#ido platform development #how to build an ido platform #ido platform for fundraising #defi platforms like ido

aviana farren

aviana farren

1623067115

IDO Development | Initial DEX Offering Development | IDO Development Platform

Initial DEX offering, commonly abbreviated as IDO, is a digital fundraising opportunity for the investors and business developers in a decentralized platform. IDO is the representation of the digital assets, with zero exchange fees being paid. Distributing tokens and fundraising are at ease through the IDO platform. IDO is considered as the combination of both ICO & IEO.

The benefits of IDO are as follows:

  • Fair & open fundraising opportunity
  • Immediate trading
  • Immediate liquidity
  • Safe & faster transaction
  • Affordable price
  • Low exchange fee

The steps involved in the Initial DEX offering development are as follows:

  • Roadmap creation: This step includes analyzing & characterizing the model, for making the model user-friendly and targeting the audience’s needs. It should also be beginner-friendly to make the beginner comfortable with the model…
  • White paper creation: The creation of the White paper should be carefully done as this is the important step. The creation means the features and the functionalities of the product. The features must satisfy the user demands at a convenient price.
  • Token development: The developers will specially design the tokens according to the customer request. The smart contact enabled, and blockchain like Ethereum makes the transaction more secure.
  • Listing tokens & marketing: It is necessary to choose the right decentralized exchange to list the tokens so as to reach the right audience. The marketing technique enables the selling of tokens to the next level.

Infinite Block Tech offers the Initial DEX offering development with a team of highly specialized blockchain engineers, and marketing specialists to deliver the best for the users. The cost of IDO development depends upon the features and functions demanded by the users. Thus, the cost may increase or decrease from one IDO development project to another. So, it’s the right time to step into our IDO development marketplace to raise the funds effectively.

#initial dex offering development #ido development #ido development platform #cost of ido development #ido development project #ido development marketplace