https://github.com/harsh6754/portfolio
Hello Friend , My Name is Harsh Agrawal a Proffessional Full Stack Developer
https://github.com/harsh6754/portfolio
boostrap css emailjs full-stack html-css-javascript html5 javascript nextjs node-module npm npm-package portfolio portfolio-website reactjs tailwindcss vite
Last synced: 2 months ago
JSON representation
Hello Friend , My Name is Harsh Agrawal a Proffessional Full Stack Developer
- Host: GitHub
- URL: https://github.com/harsh6754/portfolio
- Owner: harsh6754
- Created: 2024-03-25T14:41:34.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-24T04:11:26.000Z (over 1 year ago)
- Last Synced: 2025-02-24T04:30:09.471Z (over 1 year ago)
- Topics: boostrap, css, emailjs, full-stack, html-css-javascript, html5, javascript, nextjs, node-module, npm, npm-package, portfolio, portfolio-website, reactjs, tailwindcss, vite
- Language: JavaScript
- Homepage: https://harsh6754.vercel.app/
- Size: 12.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Developer Portfolio
### Are you struggling to create a professional portfolio website? Look no further! You can use the Developer Portfolio template and create your very own personalized portfolio today! My website is designed to be user-friendly and easily customizable, making it perfect for both developers and freelancers.
---
# Demo :movie_camera:
## View live preview [here](https://harsh6754.vercel.app/).
---
## Table of Contents :scroll:
- [Sections](#sections-bookmark)
- [Demo](#demo-movie_camera)
- [Installation](#installation-arrow_down)
- [Getting Started](#getting-started-dart)
- [Usage](#usage-joystick)
- [Packages Used](#packages-used-package)
---
# Sections :bookmark:
- HERO SECTION
- ABOUT ME
- EXPERIENCE
- SKILLS
- PROJECTS
- EDUCATION
- BLOG
- CONTACTS
---
# Installation :arrow_down:
### You will need to download Git and Node to run this project
- [Git](https://git-scm.com/downloads)
- [Node](https://nodejs.org/en/download/)
#### Make sure you have the latest version of both Git and Node on your computer.
```
node --version
git --version
```
##
# Getting Started :dart:
### Fork and Clone the repo
To Fork the repo click on the fork button at the top right of the page. Once the repo is forked open your terminal and perform the following commands
```
git clone https://github.com//developer-portfolio.git
cd developer-portfolio
```
### Install packages from the root directory
```bash
npm install
# or
yarn install
```
Then, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
---
# Usage :joystick:
Goto [emailjs.com](https://www.emailjs.com/) and create a new account for the mail sending. In free trial you will get 200 mail per month. After setup `emailjs` account, Please create a new `.env` file from `.env.example` file.
Eg:
```env
NEXT_PUBLIC_EMAILJS_SERVICE_ID =
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID =
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY =
```
### Then, Customize data in the `utils/data` [folder](https://github.com/harsh/Portfolio/tree/main/utils/data).
Eg:
```javascript
export const personalData = {
name: "Harsh Agrawal",
profile: "/profile.png",
designation: "Full-Stack Software Developer",
description: "My name is Harsh Agrawal....",
email: "agrawalharsh1028@gmail.com",
phone: "+91-9636504390",
address: "",
github: "https://github.com/harsh6754",
facebook: "https://www.facebook.com",
linkedIn: "https://www.linkedin.com/in/harsh2810/",
twitter: "https://twitter.com",
stackOverflow: "https://stackoverflow.com/users/",
leetcode: "https://leetcode.com/h_agrawal6754/",
devUsername: "",
resume: "...",
};
```
`devUsername` Used for fetching blog from `dev.to`.
---
---
# Packages Used :package:
| Used Package List |
| :----------------: |
| next |
| @emailjs/browser |
| lottie-react |
| react-fast-marquee |
| react-icons |
| react-toastify |
| sass |
| tailwindcss |
---
# Portfolio
https://github.com/user-attachments/assets/dbd021fa-574f-4380-9e70-e113a0610acf
Uploading Portfolio of Harsh Agrawal - Google Chrome 2025-02-24 17-07-20.mp4…