CryptoCats

screenshot of CryptoCats
nextjs
chakra-ui

Crypto Cats collectible - Create, Breed & Sell your CryptoCats! Compatible with all EVM chains. (Hardhat - Next.js - TypeScript - Wagmi - ChakhraUI)

Overview

CryptoCats is a decentralized application (Dapp) initially built as a part of the programming course "Ethereum Dapp Programming." It is deployed on the Goerli network but is compatible with all EVM networks. The app allows users to design and create their own cats in the Cat Factory, display and breed cats, sell cats on the marketplace, and buy cats from the marketplace. The app is built with Solidity, Hardhat, Viem, Next.js, TypeScript, ChakraUI, Prettier, and ESLint. Users are required to have Node.JS, npm or yarn package manager, and Hardhat (v2.18.0) installed on their system. They also need a web3 wallet compatible with WalletConnect, such as MetaMask or Coinbase Wallet.

Features

  • Factory: Design and create your own cat for free in the Cat Factory. Limited to 100 cats.
  • MyCats/Show: Display all the cats present in your collection.
  • MyCats/Breed: Select two parents, breed a sibling, and find out the inherited characteristics from each parent.
  • MyCats/Sell: Create a sell offer to list your cat on the marketplace.
  • Marketplace: Buy cats from the marketplace or remove your offers.

Summary

CryptoCats is a decentralized application (Dapp) that allows users to design, create, breed, sell, and buy virtual cats. The app is built with various technologies such as Solidity, Hardhat, Viem, Next.js, TypeScript, ChakraUI, Prettier, and ESLint. To install and run the Dapp, users need to clone the repository, install dependencies, configure network settings, deploy smart contracts, and update contract addresses and ABI files. The app is compatible with all EVM networks but is initially deployed on the Goerli network.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.

netlify
Netlify

Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.