https://github.com/harshhh28/portfolio
A responsive personal portfolio website built with Nextjs and TypeScript, showcasing my professional experience, skills, and projects with a clean, modern design.
https://github.com/harshhh28/portfolio
discord-webhook hashnode hashnode-blog nextjs tailwindcss typescript webhook zod zod-validation
Last synced: 3 months ago
JSON representation
A responsive personal portfolio website built with Nextjs and TypeScript, showcasing my professional experience, skills, and projects with a clean, modern design.
- Host: GitHub
- URL: https://github.com/harshhh28/portfolio
- Owner: harshhh28
- License: mit
- Created: 2025-01-03T06:57:53.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-02-25T05:00:43.000Z (3 months ago)
- Last Synced: 2025-02-25T06:18:20.580Z (3 months ago)
- Topics: discord-webhook, hashnode, hashnode-blog, nextjs, tailwindcss, typescript, webhook, zod, zod-validation
- Language: TypeScript
- Homepage: https://harshgajjar.vercel.app
- Size: 23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Harsh Gajjar's Portfolio
About |
Features |
Technologies |
Requirements |
Starting |
License |
Author
## :dart: About
A responsive personal portfolio website built with Nextjs and TypeScript, showcasing my professional experience, skills, and projects with a clean, modern design.
## :sparkles: Features
:heavy_check_mark: Projects page showcasing my portfolio works\
:heavy_check_mark: Blog page for sharing technical insights\
:heavy_check_mark: Tech news page featuring latest industry updates\
:heavy_check_mark: About page with professional background\
:heavy_check_mark: Contact page for professional inquiries
## :rocket: Technologies
The following tools were used in this project:
- [Next.js](https://nextjs.org/)
- [Node.js](https://nodejs.org/en/)
- [React](https://pt-br.reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Zod](https://zod.dev/)
- [Discord Webhook](https://discord.com/developers/docs/resources/webhook)
- [shadcn/ui](https://ui.shadcn.com/)
## :white_check_mark: Requirements
Before starting :checkered_flag:, you need to have the following requirements:
- [Git](https://git-scm.com)
- [Node.js](https://nodejs.org/en/) version 18.17 or higher
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) package manager
- A [Discord](https://discord.com/) account (for webhook functionality)
- Basic knowledge of TypeScript and React
- A code editor like [VS Code](https://code.visualstudio.com/) (recommended)
## :key: Environment Variables
Before running the project, you need to set up the following environment variables in your `.env` file:
```env
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
## :checkered_flag: Starting
```bash
# 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
```
## :memo: License
This project is under license from MIT. For more details, see the [LICENSE](LICENSE) file.
Made with :heart: by Harsh Gajjar