developer-portfolio
developer-portfolio copied to clipboard
Software Developer Portfolio Website built with next.js and tailwind CSS that helps you showcase your work and skills as a software developer.
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.
Table of Contents :scroll:
- Sections
- Demo
- Installation
- Getting Started
- Usage
- Packages Used
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
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/<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 :joystick:
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: "ABU SAID",
profile: "/profile.png",
designation: "Full-Stack Software Developer",
description: "My name is ABU SAID....",
email: "[email protected]",
phone: "+8801608797655",
address: "Dhaka, Bangladesh",
github: "https://github.com/said7388",
facebook: "https://www.facebook.com/abusaid.riyaz/",
linkedIn: "https://www.linkedin.com/in/abu-said-bd/",
twitter: "https://twitter.com/said7388",
stackOverflow: "https://stackoverflow.com/users/16840768/abu-said",
leetcode: "https://leetcode.com/said3812/",
devUsername: "said7388",
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 |