Algowears: Ecommerce Payment with Crypto An Ecommerce web App built with using React & Firebase
AlgoWears
- 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 Choice-Coin, 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 and choice coin.
Web-Flow
After a little brainstorming, we were able to get a better web flow.
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;
Payment
Because users are able to send and receive algos and choice coins 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.
using Choice-Coin or Algo, This can be done using different wallets which is algosigner, my algowallet and algorand mobile wallet. for choice coin make sure you have the equivalent of dollars to choice coin in your wallet and already opt in to its asset id.
Algorand mobile wallet preview
Algosigner preview
MyAlgoWallet Preview
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-Wearsdirectory
$ 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.