Online Resume And Portfolio
A clean and modern template to showcase your resume and portfolio in one place. Perfect for professionals who want to highlight their skills, experience, and projects with a responsive design that works on all devices.
Minimalist Portfolio
A clean and minimalist portfolio website template built with Next.js.
Quick Deploy
Click the button below to deploy to Tencent Cloud EdgeOne with one click:
Features
- Responsive design
- Configurable content
- Modern UI/UX
- Easy to customize
Quick Start
- Clone the repository:
git clone https://github.com/tomcomtang/minimalist-portfolio
cd minimalist-portfolio
- Install dependencies:
npm install
-
Modify configuration: Edit the
src/config/content.json
file to update your personal information, projects, skills, and other content. -
Run development server:
npm run dev
- Build for production:
npm run build
Live Demo
Configuration File Guide
All website content can be configured in the src/config/content.json
file. The configuration file includes the following sections:
Navigation Bar (nav)
name
: Website namemenu
: Navigation menu items list
Homepage (hero)
greeting
: Greeting messagename
: Your nametitle
: Your positiondescription
: Brief description
About (about)
title
: Section titledescription
: Description about youbutton
: Resume download button text
Skills (skills)
title
: Skills section titlecategories
: Skills categories list- Each category includes
title
andskills
array - Each skill includes
name
andimage
path
- Each category includes
Experience (experience)
title
: Experience section titletimeline
: Experience timeline list- Each experience includes
title
,company
,period
, anddescription
- Each experience includes
Projects (projects)
title
: Projects section titleitems
: Projects list- Each project includes
title
,description
,technologies
,github
link, andimage
path
- Each project includes
Contact (contact)
title
: Contact section titleinfo
: Contact informationemail
: Email addressphone
: Phone numberlocation
: Location
social
: Social media links list- Each link includes
name
,icon
, andlink
- Each link includes
form
: Contact form textname
: Name input labelemail
: Email input labelmessage
: Message input labelsubmit
: Submit button text
emailjs
: EmailJS configurationservice_id
: EmailJS service ID (obtain from EmailJS dashboard)template_id
: EmailJS template ID (obtain from EmailJS dashboard)public_key
: EmailJS public key (obtain from EmailJS dashboard)to_email
: Recipient email address
EmailJS Configuration Guide
- Register for an EmailJS account
- Create an Email Service:
- After logging in, click "Email Services"
- Click "Add New Service"
- Choose an email provider (e.g., Gmail, Outlook)
- Follow the steps to connect your email account
- You'll receive a
Service ID
upon completion
- Create an Email Template:
- Click "Email Templates"
- Click "Create New Template"
- Design your email template using these variables:
{{from_name}}
- Sender's name{{from_email}}
- Sender's email{{message}}
- Message content{{to_email}}
- Recipient's email
- Save to get a
Template ID
- Get Public Key:
- Go to the "Account" page in EmailJS dashboard
- Find the "API Keys" section
- Copy the
Public Key
- Configure these details in
src/config/content.json
Customizing Styles
All styles are in the public/style.css
file. You can modify colors, fonts, spacing, and more according to your needs.
Contributing
Pull requests and issues are welcome.
License
MIT License