Github | Screenshots | Discord Server(Soon)

We've all seen one page bios of users that showoff their links. Ethbio however takes it to a new level, with the help of web3 technologies it makes showing off your NFTS much more easier.

This project finished 3rd overall in the CYF Hackathon

• show of your nft assets
• show all of your links and social profiles
• discover other profiles simply by search
• One link for all your NFT and Social Media needs
• Share your ethereum address along side all your NFTs and socials

• Next.js - (Frontend) React framework
• Moralis - (Web3 API) Web3 Development Platform
• MongoDB - (Backend) Database
• Express.js - (Backend) Web Framework

Building Ethbio locally is pretty easy.

• Fill in the enviornment variables

The .env file for ethbio looks something like this:

NEXT_PUBLIC_MORALIS_SERVER_URL=
NEXT_PUBLIC_MORALIS_APP_ID=
MONGODB_URL=

For the MongoDB URL you can head over here or create a MongoDB cluster on the cloud

For The Moralis variables - NEXT_PUBLIC_MORALIS_SERVER_URL & NEXT_PUBLIC_MORALIS_APP_ID you can head over to the Moralis documentation

• Installing Dependencies

Assuming that you already have Node.JS installed to the latest version. Use :

npm install

• Running! To run the project, after successfully completing all the steps, you can just use:

npm run dev

this however runs the project in DEVELOPMENT mode.

To run it in PRODUCTION use:

npm run build
npm run start

• The Landing Page

• The User Page

• Discover Page

• Search Indexing

• Unauthenticated Page

• Not Found Page (Discover)

• Profile Edit Page