🧑🏻‍💻 Developer portfolio project using 🚀 NextJS 14 and TailwindCSS (with Github-like ui :D)

Demo: https://mkdir.dev

Features

• Developer focused design (inspired by Github)
• Responsive layout
• Used TailwindCSS and Next.js
• Detailed and various sections

Installation

Clone repo

git clone https://github.com/muzafferkadir/Github-Like-Portfolio

install dependencies with npm or yarn

yarn
#or
npm install

run the project

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Customization

After installation you should edit these files according to yourself (Before customization i highly recommend deleting files in the public folder):

• ProfileCard.tsx (components/profileCard/ProfileCard.tsx)
• Frameworks.tsx (components/frameworks/Frameworks.tsx)
• Technologies.tsx (components/technologies/Technologies.tsx)
• SoftSkills.tsx (components/softSkills/SoftSkills.tsx)
• Education.tsx (components/education/Education.tsx)
• WorkExperiences.tsx (components/workExperiences/WorkExperiences.tsx)
• Projects.tsx (components/projects/Projects.tsx)
• socialNetworksCard.tsx (components/socialNetworksCard/socialNetworksCard.tsx)
• YoutubeVideosCard.tsx (components/youtubeVideosCard/YoutubeVideosCard.tsx)

Also you can delete youtube part from components/rightSideBar/RightSideBar.tsx (delete <YoutubeVideosCard />)

Deploy on Vercel (free)

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js. Check out Next.js deployment documentation for more details.

Note

This project is free to use and open source. If you consider attributing this repo, I would appreciate it.