Skip to content

phenom-world/Hashnode-Hackathon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AlgoWears

image

  • This is our submission for netlify-hashnode hackathon
  • Samuel-Aspirin👨🏼‍🍳 and Wakeel Kehinde built this web application in line to show how easy to set up payments with Algo and Stripe-API
  • We've had too much fun building this, and we'd like to take you briefly through our thoughts and creative process.

Table Of Contents

About

Algowears, Ecommerce Payment with Crypto An Ecommerce web App built with ❤️ using React & Firebase for the Netlify x Hashnode Hackathon 🔥!

Algowears is an e-commerce platform that takes full advantage of Stripe Api and crypto payments including payment with algo

image

Web-Flow

After a little brainstorming, we were able to get a better web flow.

image

Technologies

  • ReactJs
  • firebase
  • Stripe API
  • SCSS
  • NodeJS
  • AlgoSDK

Sign-In

A signup and register route has been added in case new users want to register and old users want to login, both new users or old users can sign in with their google account instead of manually inputting their details; image

Payment

Because users are able to send and receive algos with only a smartphone or computer, Algowears is theoretically available to populations of users without access to traditional banking systems, credit cards, and other methods of payment. User can also execute a transaction by simply connecting their wallet and make instant payment for goods purchased on the platform. No debit card or personal information is required.

using card, stripe is used as the payment gateway. image

using Algo, This can be done using different wallets which is algosigner, my algowallet and algorand mobile wallet. set id.

Algorand mobile wallet preview

image

Algosigner preview

image

MyAlgoWallet Preview

image

Run-On-Local-Machine

  • NPM and Node installed, download HERE

  • git clone the repository

  $ git clone git@github.com:farsh268/Algo-Wears.git
  • go into the Algo-Wears directory
 $ cd Algo-Wears
  • install algo-wears dependencies with
 $ npm install
  • Run scripts with
 $ npm start
  • this can also be done with
$ npm run dev

this will start the app in your localhost.

Links

Contributors

License

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published