Metaverse App

1. Technologies Used:

   • Next.js
   • Metamask (login functionality)
   • Moralis.io
   • Tailwind CSS

2. Project Overview:

   • Real-time chat application powered by moralis.io

3. Imp Links:

   • moralis web3:

     • https://moralis.io/

     • create a new server --> testnet server

   • React Moralis:

     • https://docs.moralis.io/moralis-server/tools/react-moralis

     • https://github.com/MoralisWeb3/react-moralis

   • What is .env.local file for storing private environment variables?

   • Setting up private/public environment variables while deplloying on vercel?

   • Creating your own utility custom class in TailwindCSS

     1. create a folder named "styles" and add a file called "globals.css" to it

     2. import this globals.css file into the _app.js file

     3. create your utility classes in globals.css

   • How to hide scrollbar in react/next app:

     • tailwind-scrollbar-hide:

     • https://www.npmjs.com/package/tailwind-scrollbar-hide

   • Implementing a Loading Bar/Indicator:

   • A loading indicator is essentially when the user transitions to another page, rather than having to user to show nothing, i want a little loading indicator to come on the page during the transition.

   • https://www.npmjs.com/package/@badrap/bar-of-progress

   • https://avatars.dicebear.com/

   • https://www.npmjs.com/package/timeago-react