Code Monkey home page Code Monkey logo

deeco's Introduction

deeco

"deeco" is an amazing web3 e-commerce Dapp, with crypto based payment - think an Ali express | Amazon | Ebay - web3/blockchain and crypto version. "deeco" is built as my submission for the hackathon phase of the Polygon Africa Bootcamp 2022.

"deeco is an amazing" e-commerce solution that will take advantage of the many benefits of blockchain technology and web3. It is an amazing app with payments to be powered directly by crypto tokens/coins.

"deeco" has a global scope - Thanks to the borderless power of cryptocurrency and the power of blockchain payments.

The project seeks to solve two(2) main problems.

  1. The problem of limits - blockings and watchings: Limits set by financial institutions, can truly be advantageous, but these limits might sometimes be exploited to the disadvantage of the customers. Deeco is a project that removes all those blocking limits like credit card deposit and transfer limits. It provides the everyday e-commerce user with the power of so much freedom, transparency, and even security - if the smart contracts are well developed and audited.

  2. The problem of public exclusion: Many folks out there, have probably only been hearing about cryptocurrency, blockchain and web3, but have never had a full experience or even a basic knowledge of the many awesome benefits of these innovations. My intentional entrance into the web3 and the blockchain world, left me wowed at the many awesome super powers of web3 and blockchain technology. Being able to build a platform like deeco where public interaction can be easily enhanced, to bring more public inclusion from regular people on the streets, is truly a pleasure.

Build stack/technologies

This repository consist of both the client/front-end and blockchain/smart contract aspects of the project.

Being a one man team in this hackathon made building deeco very challenging. It was an experience of a lifetime. "deeco" was built with so much ๐Ÿ’ by me, below is a list of the main awesome technologies that I used.

  1. NextJs/ReactJs
  2. TailwindCSS
  3. React contect API
  4. Google Firebase/Firestore
  5. Solidity
  6. Hardhat/Ethers
  7. Husky
  8. Prettier
  9. Eslint
  10. Commitlint
  11. Mumbai(polygon) testnet.
  12. Alchemy
  13. Fake store API
  14. Metamask

The smart contract was deployed to the Mumbai(polygon) testnet with via alchemy.

MATIC token/coin was used as the default currency for shopping on deeco.

Please note, that the deeco project is fully and superbly responsive. It fits extremely well on different screen sizes.

Live site

The project is hosted live. You can explore it via this link - https://deeco.vercel.app. Just take note to keep your metamask wallet handy.

Live demo

You can watch a live demo of the project here - https://www.awesomescreenshot.com/video/13008461?key=e8314a86270462007152e3b172ec00aa - checkout the demo video to get wowed even further.

Screenshots

Below are some awesome screenshots from deeco.

deeco screenshot-1

deeco screenshot-2

deeco screenshot-4

deeco screenshot-6

deeco screenshot-5

deeco screenshot-3

Setting up for development

Below, are some basic setups to help you set up a local development environment for deeco.

Client/Front-end

  1. Open the project root directory with your code editor.

or use the command below.


cd deeco


  1. Run the following command to enter into the "client" folder.

cd client


  1. Run the following command to enter into the "blockchain" folder.

cd blockchain


  1. Run the below command in both the "client" and "blockchain" folders to install all required dependencies.

pnpm install


  1. When inside the "client" folder (after running the above install command), run the following command to start the app in development mode.

pnpm run dev


Please take note that package management in this project is done using PNPM not NPM.

You might need to do some more setups. If you ever get into any issues, just create a github issue, I'll respond as soon as possible. I'll also be just a twitter DM or an email way.

deeco's People

Contributors

okpainmo avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.