Skip to content

jeevan42/icp_react_template

Repository files navigation

Event Attendance Tracker

Event Attendance Tracker is a decentralized application (dApp) built on the Internet Computer Protocol (ICP) blockchain network. It allows event organizers to manage attendee registration and track physical attendance using dynamic QR codes.

Technologies Used

  • JavaScript
  • Motoko
  • React
  • Tailwind CSS
  • DFINITY (DFX) environment

Getting Started

To get started with the project, follow these steps:

  1. Clone the repository:

    git clone <repoUrl>
    cd <repoName>
  2. Install dependencies:

    npm install
  3. For local development:

    • Start the DFINITY environment:

      dfx start --clean
    • Pull dependencies:

      dfx deps pull
      dfx deps init internet_identity --argument '(null)'
      dfx deps deploy
    • Deploy the application:

      dfx deploy
  4. For deploying on the IC network:

    dfx deploy --network ic

Usage

  1. After deploying the project, open the frontend canister live link in your browser.

  2. Admin Login:

    • Click on the "Internet Identity" button to login as an admin.
    • Copy the Principal ID shown after login.
    • Assign admin privileges to the Principal ID using the following command:
    1. For local environment

      dfx canister call <backendCanisterId> addOwner '("<principalId>")'
    2. For ic environment

      dfx canister call <backendCanisterId> addOwner '("<principalId>")' --network ic
  3. Now, login as an admin and access the dashboard.

  4. Create a new event by filling out the form.

  5. If the event status is ongoing, you can:

    • Show a dynamic QR code for attendee check-in.
    • View event details including the number of generated and claimed seats.
  6. Attendee Check-in:

    • Scan the QR code and login with Internet Identity.
    • Claim your seat by clicking the "Claim Seat" button.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

This is a react template made for ease the starting process of an ICP project. This template configured React, Tailwind, initial loaders, i18n, CONTEXT API configured for use authclient package. you can directly clone this repo and install the all packages and all set to make new react components and work in icp react project.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors