https://github.com/yanukadeneth99/whitelistdapp

Whitelist Decentralised Application written in Solidity (Hardhat), and Next JS
https://github.com/yanukadeneth99/whitelistdapp

dapp hardhat nextjs solidity whitelist

Last synced: 13 days ago
JSON representation

Whitelist Decentralised Application written in Solidity (Hardhat), and Next JS

• Host: GitHub
• URL: https://github.com/yanukadeneth99/whitelistdapp
• Owner: yanukadeneth99
• License: mit
• Created: 2022-07-22T19:38:09.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-09-21T12:07:44.000Z (over 2 years ago)
• Last Synced: 2024-11-12T18:13:00.750Z (2 months ago)
• Topics: dapp, hardhat, nextjs, solidity, whitelist
• Language: TypeScript
• Homepage: https://whitelist-dapp-ten-ivory.vercel.app
• Size: 1.48 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
[![GitHub issues](https://img.shields.io/github/issues/yanukadeneth99/WhitelistDApp)](https://github.com/yanukadeneth99/WhitelistDApp/issues)

[![GitHub license](https://img.shields.io/github/license/yanukadeneth99/WhitelistDApp)](https://github.com/yanukadeneth99/WhitelistDApp/blob/master/LICENSE)

![Discord](https://img.shields.io/discord/847154458395541525)

![GitHub forks](https://img.shields.io/github/forks/yanukadeneth99/WhitelistDApp?style=social)

--

![Twitter Follow](https://img.shields.io/twitter/follow/yanukadeneth99?style=social)

![GitHub followers](https://img.shields.io/github/followers/yanukadeneth99?style=social)

--

# Whitelist Decentralised App

You can whitelist into multiple projects that I plan to do in the future using this. The contract is deployed for 20 public members to become whitelisted. The project is full open-source and therefore free to change following the MIT License.

[Visit Website](https://whitelist-dapp-ten-ivory.vercel.app/)

## Design

Starter Page

![Starter_Image](https://i.imgur.com/HN7kA0F.png)

### Process Handling

Errors are handled via notifications

![Error](https://i.imgur.com/LQY3bLp.png)

Processes are displayed in buttons

![Loading](https://i.imgur.com/0JuMxIl.png)

### Themes

The website has loads of themes the user can select from

![Theme1](https://i.imgur.com/TiXpoph.png)

![Theme2](https://i.imgur.com/7ML1OX3.png)

![Theme3](https://i.imgur.com/iquq0YF.png)

## Contract

The contract is deployed to the Rinkeby Testnet on address : [0x70d38c0a442358A9b72905B8326dBf74B0E073D6](https://rinkeby.etherscan.io/address/0x70d38c0a442358A9b72905B8326dBf74B0E073D6#code)

![Deployed_Contract_Image](https://i.imgur.com/US4eTGZ.png)

## Starter Project

If you like this template but would like to deploy your own projects following this, check out [@startertemp/nextjs-hardhat-ts at NPM](https://www.npmjs.com/package/@startertemp/nextjs-hardhat-ts)

Or run the below command to get started :

```

npx @startertemp/nextjs-hardhat-ts my-app

```

## Installation

Follow the steps to install this on your PC

1. Fork the Github project by clicking on the Fork button at the top of this README.md

2. Clone the project onto your desktop

3. Make sure you have pnpm installed, if not install it by running `npm i -g pnpm`

4. For backend installations run `cd backend && pnpm install`

5. For frontend installations run `cd frontend && pnpm install`

6. Run the frontend by running `cd frontend && pnpm dev`

## Technologies Used

Hardhat (Solidity), Next, React, Typescript

## Contribution

Any type of contributions are welcome following the MIT License!