Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

A clean, modern, and responsive Developer Portfolio to present yourself as a skilled software developer. 🔥

NotificationsYou must be signed in to change notification settings

dhavalCode/dev-portfolio

Repository files navigation

A clean, modern and responsive dev portfolio using Tailwind CSS & Next JS

Just Simple and well design portfolio to showcase works and skills

  • Useful for the freelancing journey 🚀. You can showcase your skills and the works you have done.
  • Highly customizable portfolio. You can easily customize it as you want.

Live Demo 🚀

don't click here

Technologies Used 🖥️

Getting Started

# Clone this repositorygit clone https://github.com/dhavalCode/dev-portfolio.git# Go into the repositorycd dev-portfolio# Setup default environment variables# For Linuxcp env.example .env.local# For Windowscopy env.example .env.local# Install dependenciesnpm install# Start a local dev servernpm start

Setup

  • Create ENV File
- dev-portfolio  - node_modules  - public  - src  - .env<-- create it here  - env.example<-- this is the base file  - .gitignore  - package-lock.json  - package.json
// .envEMAIL_SERVICE_ID="YOUR SERVICE ID"EMAIL_TEMPLATE_ID="YOUR TEMPLATE ID"PUBLIC_KEY="YOUR PUBLIC KEY"

Customize according to your need.

Personalize page content insrc/mock/profile.js & modify it as per your need.

exportconstSOCIAL_LINKS=[{link:'https://twitter.com/dhavalCode',// <--- Social handle Linkicon:'akar-icons:twitter-fill',// <--- Iconify Icon name},{link:'https://github.com/dhavalcode',icon:'akar-icons:github-fill',},{link:'https://linkedin.com/in/dhavalcode',icon:'akar-icons:linkedin-fill',},];exportconstHERO_TITLES=['Dhaval Patel','Full-stack Developer','Javascript Enthusiast'];exportconstaboutParagraph='Highly motivated and enthusiastic Full Stack Developer with experience in designing, developing and maintaining web applications using technologies such as JavaScript, React, Node.js. ';exportconstcontactEmail='works.dhaval@gmail.com';exportconstdocumentTitle='Hello I am Dhaval Patel | Full Stack Developer | Javascript Enthusiast'

Customize Project Section

/src/mock/projects.js

  • change projects with yours.

Customize Skill Section

/src/mock/tech-skills.js

  • change skills with yours.
  • You can easily add new skill, new icon by providing iconify icon name.
  • example as below:
{label:'Your Skill',proficiency:'90%',icon:'icon',// <-- find icon from iconnifyiconClasses:'text-3xl',// <-- add classes}

Add more Lottie

  • checkout this directorysrc/mock/lottie
  • You can add more lottie in.json format and use it.

Deploy on Vercel

Deploy with Vercel

The easiest way to deploy your Next.js app is to use theVercel Platform from the creators of Next.js.

Check outNext.js deployment documentation for more details.

For the Future

If you want to add more, Please don't hesitate to open apull request.

👋 Get in Touch

Twitter Follow

linkedin

[8]ページ先頭
©2009-2025 Movatter.jp