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.

View live preview [here]

---

Table of Contents 📜

• Sections
• Demo
• Installation
• Getting Started
• Usage
• Packages Used

---

Sections 🔖

• HERO SECTION
• ABOUT ME
• EXPERIENCE
• SKILLS
• PROJECTS
• EDUCATION
• BLOG
• CONTACTS

---

Installation ⬇️

You will need to download Git and Node to run this project

• Git
• Node

Make sure you have the latest version of both Git and Node on your computer.

node --version
git --version

Getting Started 🎯

Install packages from the root directory

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.

---

Usage 🕹️

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: "Sameer Butt",
  profile: "/profile.jpeg",
  designation: "Senior Full-Stack Software Developer (MERN)",
  description: "My name is Sameer Butt....",
  email: "sameerbuttsb29@gmail.com",
  phone: "+923065496448",
  address: "Lahore Pakistan",
  linkedIn: "https://www.linkedin.com/in/sameer-butt-2691031b9/",
  devUsername: "sameer0075",
  resume: "...",
};

devUsername Used for fetching blog from dev.to.

---

---

Packages Used 📦

Used Package List
next
@emailjs/browser
lottie-react
react-fast-marquee
react-icons
react-toastify
sass
tailwindcss

---