Build and Deploy a Digital Identity App with Next.js, Tailwind CSS, TypeScript, and Solidity

📚 Materials/References:

👋 Social Media:

Subscribe or I turn your vs code into light mode
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
Timestamps 
00:00:00 - Intro
00:00:42 - Demo
00:03:13 - Cloning Starter Files
00:04:25 - Installing npm packages
00:05:00 - Exploring Starter Files
00:06:29 - Creating Layout page
00:07:05 - Privy Authentication Setup
00:12:48 - Privy API Key
00:13:06 - Setting up chain for privy
00:14:32 - Chainlist: Selecting chain
00:16:04 - Installing MetaMask wallet
00:16:47 - Adding chain to MetaMask Wallet
00:17:58 - Setting up chain in Privy and completing Layout page
00:22:53 - Changing login priority in Privy Dashboard
00:23:51 - Landing page (Part 1)
00:25:16 - Fixing bugs (landing page + Layout page) and testing it out
00:26:05 - Installing hardhat
00:26:56 - Initialising hardhat (bug + fixes )
00:36:45 - Writing smart contract (Structs)
00:47:32 - Writing smart contract (Mapping Variables)
00:50:03 - Writing smart contract (Modifier)
00:52:56 - Writing smart contract (Create & Edit UserInfo Function)
00:58:52 - Writing smart contract (getUserByUsername function)
01:03:09 - Completing Smart contract
01:07:15 - Test for smart contract
01:08:11 - Deployment Script
01:10:28 - Getting BTTC testnet tokens
01:11:53 - Deploying Smart contract
01:14:37 - Utils and lib directory (Writing queries to interact with the smart contract functions in the frontend)
01:36:15 - Landing page (Navbar)
02:12:48 - Landing page (Hero Section)
02:28:48 - Landing page (Section)
02:42:33 - Onboard page
02:58:50 - Setting up Pinata for Storing image on IPFS
03:01:42 - Submitting user identity to the chain function
03:03:09 - User Profile Display Component
03:13:17 - Form Field and Social media Input
03:15:40 - Finishing up & testing the onboard page
03:25:36 - Dashboard Page
03:37:45 - Verify Identity Page
03:44:50 - Deploying to Netlify

👨🏽‍💻 Tools and Tech Stack
React JS, NextJs, TailwindCSS, Typescript, solidity , Hardhat, ethers, EVM, Tabler Icons, Javascript, chadcn

[auliaoctaviani-qo]

Wow. This is amazing. Please build more web3 projects 🔥🔥🔥

[_shaileshkumarmaurya]

Great work, please build more web3 projects.

[Magazine]

I'm impressed! subscribed as promised

[darshan]

Hey bro please do more some AI integrated projects of next js, btw ur content is amazing and very easy to follow along 🙌

[dhruvpahwa]

Hey, it shows error while connecting to the custo network in metamask any suggestions what can I do for this?

[Aman_yadav]

Can you share some final year project ideas in web3 ...and need more projects about Web2 & web3

[adejareoneday]

Nice project, please can u make a project with solidity, ethers and hardhat with next js

[vaibhavshahi]

What are the prior knowledge one should have to learn this project?

[SamuelDansoDev]

awesome work man from GH, what app do you use to screen record the videos

[usmanmarkaz]

hey sir i have one question should i start this project as i have Good knolwdge of React Next js and JS but i have 10% knoledge of solidity so can i start this

[Devaratha]

Hey I am beginner, how to become successful in web3 space?

[GenesisPro-ckpp]

Hey sir just finished the project still on testnet.
Please can you also add web3 api development course.Thanks

[AnkitKumar-tphc]

I have a doubt. How do you come up with the designs ? Do you get it developed from a designer or you do it all by yourself?

[hubesh]

can you plz make more on Next js solidity Blockchain plz

[codewithSuneel]

I dont know even web development can i start web 3 can you please share the roadmap for me to earn more

[ElmediMedila]

How to contact you sir .. want you help for a project ...

[GenesisPro-ckpp]

Can you do another web3 wallet development tutorial please Mr Albert mends.