Portfolio website for the developer

#portfolio #developer #react #webdev

As a software developer, I know the importance of having a strong portfolio website to showcase our skills and experiences. I have developed a portfolio website using React.JS, MUI, and Email.JS for the software developer. In this article, I will share the GitHub link and setup process step by step with you.

Here is the live preview:
Live preview url

STEP 01:
Clone the Repository using GitHub link and change directory to the developer-portfolio.

git clone https://github.com/said7388/developer-portfolio.git
cd developer-portfolio

STEP 02:
Now install all packages using npm or yarn.

npm install
or
yarn

After installation, all packages, Now change all data on src/data/* according to you. Here is seven file that contain all section data.

     ├── aboutData.js
     ├── contactsData.js
data ├── educationData.js
     ├── experienceData.js
     ├── headerData.js
     ├── projectsData.js
     └── skillsData.js

The contactsData.js file contains a devusername properties replace it with your dev.to username and it will fetch all blogs from your dev.to website.

STEP 03:
Now we will make a .env file and setup our Email.JS credential in a .env file. I am using EmailJs in this project for the user to send mail to me and It's free. The .env file will be the following:

REACT_APP_YOUR_SERVICE_ID='EmailJS service id'
REACT_APP_YOUR_TEMPLATE_ID='EmailJS Template id'
REACT_APP_YOUR_PUBLIC_KEY='EmailJS Public key'

First of all, go to Emailjs.com and signup for an account.

Make a email service using Gmail and take the Service ID and add it .env file as REACT_APP_YOUR_SERVICE_ID value.

Then make a Email template and take Template ID from the template setting and use it .env.

Then go to Account and take Public Key and use it in .env.

STEP 04:
Now the portfolio website is ready for the run. You can run it using npm or yarn.

npm start
or
yarn start

If you like the portfolio project Please give it a star on the GitHub Repository.
You can coonect with me on Linkedin: https://www.linkedin.com/in/abu-said-bd/