Coder Social home page Coder Social logo

borkartanishkabhushan / polytix Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 636 KB

BLOCKCHAIN BASED NFT TICKETING SYSTEM | T1 Byte Busters | KJSIT Code Odyssey 2.0

Home Page: https://polytix.vercel.app

License: MIT License

TypeScript 78.93% JavaScript 17.84% Solidity 3.01% CSS 0.22%

polytix's Introduction

PolyTix

The challenge is to create a user-friendly dApp that allows users to create, transfer and buy NFT-based tickets while maintaining the integrity of the NFTs.

Prerequisites

  • Node.js (version 14 or higher)
  • Yarn

Install Node.js

  • Go to the Node.js website and download the latest version for Windows.
  • Run the downloaded installer and follow the instructions to install Node.js.

Installation

  • Start by creating a new Next.js project if you don’t have one set up already. The most common approach is to use Create Next App.
npx create-next-app@latest my-project --typescript --eslint
cd my-project
  • Install tailwindcss and its peer dependencies via npm, and then run the init command to generate both tailwind.config.js and postcss.config.js.
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
  • Add the paths to all of your template files in your tailwind.config.js file.
  /** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
  • Add the @tailwind directives for each Tailwind’s layers to your globals.css file.
@tailwind base;
@tailwind components;
@tailwind utilities;
  • Run your build process with npm run dev.
npm run dev
  • Start using Tailwind’s utility classes to style your content.
export default function Home() {
  return (
    <h1 className="text-3xl font-bold underline">
      Hello world!
    </h1>
  )
}

Deployment

To deploy this project run

1)Go to the hardhat directory then run the following commands:

  npx hardhat compile
  npx hardhat ./scripts/deploy.js --network mumbai

2)Go to the frontend directory then run the following commands:

  npm run dev

Authors

Acknowledgements

PolyTix was built with the help of the following open-source libraries:

  • OpenZeppelin
  • React
  • Web3.js
  • Axios
  • Chainlinks We would also like to thank the Polygon team for their support and guidance throughout the development of this project.

License

PolyTix is released under the MIT License. See MIT for details.

Installation

Install my-project with npm

  npm install my-project
  cd my-project

polytix's People

Contributors

borkartanishkabhushan avatar

Watchers

 avatar

Forkers

4bitbot

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.