Check out my personal portfolio built with React, Tailwind CSS, and Next.js. It's the one-stop destination to learn about my skills, experiences, and projects. With a clean and responsive design, this portfolio offers a glimpse into my journey as a web developer. Dive in to explore my work and get in touch. Let's create something remarkable together!
View live preview here.
- HERO SECTION
- ABOUT ME
- EXPERIENCE
- SKILLS
- PROJECTS
- EDUCATION
- BLOG
- CONTACTS
node --version
git --version
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/<YOUR GITHUB USERNAME>/developer-portfolio.git
cd developer-portfolio
npm install
# or
yarn install
Then, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
Goto 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:
NEXT_PUBLIC_EMAILJS_SERVICE_ID =
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID =
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY =
Then, Customize data in the utils/data
folder.
Eg:
export const personalData = {
name: "Arif Hussain",
profile: "/profile.png",
designation: "Web Developer",
description: "My name is Arif Hussain....",
email: "[email protected]",
phone: "+923163401145",
address: "Sukkur, Pakistan",
github: "https://github.com/arifhussain39",
facebook: "",
linkedIn: "",
twitter: "",
stackOverflow: "",
leetcode: "",
devUsername: "arifhussain39",
resume: "...",
};
devUsername
Used for fetching blog from dev.to
.
Used Package List |
---|
next |
@emailjs/browser |
lottie-react |
react-fast-marquee |
react-icons |
react-toastify |
sass |
tailwindcss |