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
