The rapid proliferation of online platforms and the increasing significance of digital identities have spurred the need for innovative solutions that simplify and amplify individuals' online presence. Our project is centered around seamlessly harmonizing Ethereum Name Service (ENS) names with personalized linktree-style webpages, creating an ingenious synergy that empowers users to curate, communicate, and consolidate their digital personas effortlessly. By harnessing the robust capabilities of ENS in conjunction with the user-friendly appeal of linktree profiles, we offer a dynamic solution that not only elevates personal branding but also introduces a new layer of trust and authenticity to the online ecosystem.
Public URL:
The frontend layer is a next based web app that permits the following actions for a user:
- Login to application via their wallet.
- View latest blog post.
- Create and Mint article as NFT's.
project-root/
│
├── components/
│ ├── Header.js
│ ├── LinktreeForm.js
│ ├── Linktree.js
│ └── ...
│
├── pages/
│ ├── index.js # Main page with the linktree form
│ ├── linktree/[ensName].js # Dynamic route for displaying linktree
│ └── ...
│
├── services/
│ ├── ensService.js # ENS integration service using Ethers.js
│ ├── firebaseService.js # Firebase integration service
│ └── ...
│
├── utils/
│ ├── api.js # API utility functions
│ └── ...
│
├── public/
│ ├── index.html
│ ├── style.css
│ └── ...
│
├── package.json
├── README.md
└── ...
Project was built and tested against:
-
Node v19.7.0
-
Npm v9.5.0
-
Ensure dotenv is setup with team 4 keys/signers
- Cd to the frontend directory.
- Run
npm install - Once install is complete:
- To start, run:
npm run dev
- To start, run:
yarn dev
pnpm dev
- App will be accessible via http://localhost:3000/
Built for the Encode University Hackathon by: Ajuzie Sinachi Chinaza & Mercy Boma
