My personal portfolio, made with NextJS and styled using Tailwind CSS.
View the live version of the website here!
Yes, as long as you give me attribution!
Keep in mind that this project is licensed under GPLv3, so if you want to distribute modified versions of the code, you will have to do so under the same license (GPLv3).
Just keeping the kevinMEH/portfolio link at the bottom (or some version of it) is enough. You can also choose to attribute in some other way, as long as interested readers could tell that the original project is this one.
components- Where all components are stored, plus some miscellaneous functions.frames- Where the various sections of the page is stored.images- Change your banner, profile picture, and other pictures here!
frames/Banner.tsx- Change the banner image.
frames/Profile.tsx- Change the profile picture, links, and icons.
- You can optionally enable label texts for the links by uncommenting the
<p>s.- Only recommended if you have 3 or fewer links, or the links section will interfere with profile picture sizing.
- Add
md:text-lgto the wrapper div if you do enable labels. There is a comment above the div indicating where you should put the style.
frames/Skills.tsx- Slides and slide content.
- You can also change the icon imports.
pages/index.tsx- Change the title and description of the site.
- Change the theme colors over at
tailwind.config.js - Change the
theme-colormeta tags over atindex.tsx - Change the gradient colors at
styles/global.css
First, clone this project to your local machine:
git clone https://github.com/kevinMEH/portfolio.gitNavigate into the project directory, and install dependencies:
npm installNext, start the development server:
npm run devOpen http://localhost:3000 with your browser, and you're done! 🎉
Learn Next.js - Learn how to use NextJS.
Tailwind CSS - Get started with Tailwind CSS.