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 🎥

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>/portfolio.git
cd 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:4200 with your browser to see the result.

Usage 🕹️

Go to emailjs.com and create a new account for mail sending. In a free trial, you will get 200 emails per month. After setting up the email JS account, Please create a new .env file from the .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: "Saurabh Nale",
  profile: "/profile.png",
  designation: "Full-Stack Software Developer",
  description: "My name is SAURABH NALE....",
  email: "saurabhnalepatil.com",
  phone: "+91 9511748787",
  address: "A1 Tower, Pyramid County, Pansare colony, Bhukum, Mulshi 441521",
  github: "https://github.com/saurabhnalepatil/",
  linkedIn: "https://www.linkedin.com/in/saurabh-nale-967472216/",
  resume: "...",
};

devUsername Used for fetching blog from dev. to.

Packages Used 📦

Here is a list of packages used in this project:

Package	Description
Angular	Angular framework
@emailjs/browser	Email sending library
font Awesome-icons	Icon library
toaster	Notification library
css	CSS preprocessor
bootstrap	CSS framework