Secure Mask

• 

  A customer has a profile page where they can edit their name, profile pictures or change their email.

• 

  The transaction page shows the customer the history of the transactions done with the cards added.

• 

  Whenyou log out, you find this pageand you can be redirected to the sign in page to sign in if you want to.

• 

  This page enables customers sign in by email authentication or by Gmail.

• 

  This page enables customers to sign up by email authentication or through Gmail.

• 

  Flow chart of the entire project. Shows the process how the system secures the card of a customer by encryption and on-chain storage.

• 

  This page displays all the card customer has added in their account.

• 

  This modal shows the details of a card and enables the customer to delete the card.

• 

  A simply modal to add a new card to an account.

• 

  The home page from where you can sign up to access the secure mask dashboard.

Inspiration

Lying on my bed a few days after the hackathon began I thought to myself "What can I do with the blockchain technology?" a thought came to my mind. "Why not create a Dapp that stores the encrypted details of credit cards on-chain and only decrypts them in smart contracts to make sure they are not leaked to third-party apps like e-commerce websites? This seemed like a great idea and this is how Secure Mask was born.

What it does

Secure Mask is the next generation of security for your credit cards. It provides a secure way for you to transact online without exposing your credit card details or storing them on other websites. Secure Mask aims at Stripe, particularly for your payments that happen in a smart contract on-chain.

How we built it

Compared to many blockchains, Secure Mask is built on flow because of its low gas fees which suits the modus operandi of the Dapp as it will mutate the blockchain each time a new card is added.

Challenges we ran into

While the project is not complete, the major challenge I ran into building Secure Mask was setting up the Flow Emulator and connecting to the Flow testnet. This is indeed a challenge which I have learned a lot from.

Accomplishments that we're proud of

I'm majorly proud of the fact that the UI of the Secure Mask Dapp is very close to completion even though the entire Dapp is not functional.

What we learned

From this project, I learned a new resource-oriented programming language, cadence for writing smart contracts on the flow blockchain. I also learned about accounts, wallets, and transactions and how they intertwine to seal any transaction on the blockchain.

What's next for Secure Mask

After the hackathon, I look forward to completing Secure Mask and at least making an MVP of it. Then proceed to add other features that will be beneficial for users and then launch it for people to use.

Built With

• cadence
• chainlink
• cryptography
• flow
• javascript
• nextjs
• react
• stripe
• tailwindcss
• typescript