Harsh Gajjar's Portfolio

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 About

A responsive personal portfolio website built with Nextjs and TypeScript, showcasing my professional experience, skills, and projects with a clean, modern design.

✨ Features

✔️ Projects page showcasing my portfolio works
✔️ Blog page for sharing technical insights
✔️ Tech news page featuring latest industry updates
✔️ About page with professional background
✔️ Contact page for professional inquiries

🚀 Technologies

The following tools were used in this project:

• Next.js
• Node.js
• React
• TypeScript
• Tailwind CSS
• Zod
• Discord Webhook
• shadcn/ui

✅ Requirements

Before starting 🏁, you need to have the following requirements:

• Git
• Node.js version 18.17 or higher
• npm or yarn package manager
• A Discord account (for webhook functionality)
• Basic knowledge of TypeScript and React
• A code editor like VS Code (recommended)

🔑 Environment Variables

Before running the project, you need to set up the following environment variables in your .env file:

NEXT_PUBLIC_DISCORD_WEBHOOK_URL=your_discord_webhook_url
HASHNODE_TOKEN=your_hashnode_api_token

To get these values:

1. For Discord webhook URL:

   • Create a Discord server
   • Go to Server Settings > Integrations > Webhooks
   • Create a new webhook and copy the URL

2. For Hashnode token:

   • Log in to Hashnode
   • Go to Account Settings > Developer Settings
   • Generate a new access token

🏁 Starting

# Clone this project
$ git clone https://github.com/harshhh28/portfolio

# Access
$ cd portfolio

# Install dependencies
$ npm install

# Run the project
$ npm run dev

# The server will initialize in the <http://localhost:3000>

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by Harsh Gajjar

Back to top