🧑‍💻 Developer Portfolio Template

A clean, beautiful, and responsive personal portfolio template for developers!

Easily customize src/portfolio.js to display your own details. You can also change the global color scheme via src/_globalColor.scss.

---

Made with ❤️ by Sakshyam Baral

---

📌 Table of Contents

• ✨ Features
• 🚀 Getting Started
• ⚙️ How to Use
• 🔗 Link GitHub & Medium
• 🖌️ Customization
• ☁️ Deployment
• 🧰 Technologies Used
• 🎨 Illustrations
• 🧠 For the Future

---

✨ Features

✔️ Summary & About Me
✔️ Skills
✔️ Education
✔️ Work Experience
✔️ Open Source Projects (GitHub)
✔️ Big Projects
✔️ Achievements & Certifications 🏆
✔️ Blogs
✔️ Talks
✔️ Podcast
✔️ Contact Me
✔️ Twitter Timeline
✔️ GitHub Profile

Live Demo: developerfolio.js.org

---

🚀 Getting Started

Requirements

• Node.js (v10.16.0 or higher)
• npm (v6.9.0 or higher)
• Git
• Docker (optional)

Docker Users

docker build -t developerfolio:latest .
docker run -t -p 3000:3000 developerfolio:latest

---

⚙️ How to Use

git clone https://github.com/NotSaksh/Developer-Portfolio-Template.git
cd Developer-Portfolio-Template
cp env.example .env        # Linux
copy env.example .env      # Windows
npm install
npm start

---

🔗 Link GitHub & Medium

GitHub Projects

Create a .env file and add:

REACT_APP_GITHUB_TOKEN=your_github_token
GITHUB_USERNAME=your_username

Set showGithubProfile: true in portfolio.js.

Medium Blogs

MEDIUM_USERNAME=your_medium_username

Set displayMediumBlogs: true in portfolio.js.

---

🖌️ Customization

Edit src/portfolio.js to update:

• Greeting
• Resume Link
• Social Links
• Skills
• Projects
• Achievements
• Contact Info

Example:

const greeting = {
  title: "Hi, I'm Sakshyam 👋",
  subTitle: emoji("A passionate Full Stack Developer 🚀"),
  resumeLink: "https://your-resume-link"
};

Use emoji("Your text 😎") for emoji compatibility.

---

☁️ Deployment

GitHub Pages

In package.json:

"homepage": "https://<your-username>.github.io/<repo-name>"

Follow: https://create-react-app.dev/docs/deployment/#github-pages

---

Netlify

---

🧰 Technologies Used

• React
• GraphQL
• Apollo Boost
• react-twitter-embed
• react-easy-emoji
• react-headroom
• color-thief

---

🎨 Illustrations

• UnDraw (https://undraw.co/illustrations)
• LottieFiles (https://lottiefiles.com/oblikweare)

---

🧠 For the Future

• Auto-fetch from LinkedIn
• Move to Gatsby
• Add more themes and layouts

Pull requests are welcome! Contribute here

---

Created by Sakshyam Baral
🌐 sakshyambaral.com.np