README.md

Web3 Portfolio

A modern, responsive Web3 developer portfolio built with Next.js, TypeScript, and TailwindCSS.

Features

• 🌗 Dark/Light mode support
• 📱 Fully responsive design
• ⚡ Next.js 14 with App Router
• 🎨 Tailwind CSS for styling
• 📝 TypeScript for type safety
• 🎯 Single page layout with smooth scrolling
• 🖼️ Project showcase with cover images
• 🔗 Social media integration
• 💼 Skills showcase with icons

Tech Stack

• Next.js
• TypeScript
• Tailwind CSS
• React Icons

Getting Started

1. Clone the repository:

git clone https://github.com/shahryarbhm/web3-portfolio.git

2. Install dependencies:

cd web3-portfolio
npm install

3. Create a .env.local file in the root directory and add your environment variables:

NEXT_PUBLIC_SITE_URL=http://localhost:3000

4. Start the development server:

npm run dev

5. Open http://localhost:3000 with your browser to see the result.

Customization

1. Update the portfolio configuration in src/config/portfolio.ts
2. Modify the components in src/components/
3. Add your own images to public/projects/

Deployment

The easiest way to deploy this portfolio is using Vercel:

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Shahryar Bahmeie - @shahryarbhm

Acknowledgments

• React Icons for the icon set
• Picsum Photos for placeholder images