Ethbio- The Bio Page for all things Crypto, NFTs, Social Pages and beyond
Ethbio
What’s Ethbio?
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.
Features
- 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
Tehnologies used
- Next.js – (Frontend) React framework
- Moralis – (Web3 API) Web3 Development Platform
- MongoDB – (Backend) Database
- Express.js – (Backend) Web Framework
Building Locally
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
Screenshots
- The Landing Page
- The User Page
- Discover Page
- Search Indexing
- Unauthenticated Page
- Not Found Page (Discover)
- Profile Edit Page