Developer Portfolio

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!

---

Demo 🎥

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 🎯

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/<YOUR GITHUB USERNAME>/developer-portfolio.git

cd developer-portfolio

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: "Arif Hussain",
  profile: "/profile.png",
  designation: "Web Developer",
  description: "My name is Arif Hussain....",
  email: "arifhussain@exdigitals.net",
  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.

---

---

Packages Used 📦

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

---