Developer Portfolio

Portfolio template inspired from VSCode UI that can be use by any developers built from Nuxt.js and Tailwind CSS.

This portfolio is free of use and I only request is to not change my Name in the footer section. This means that I only take the credit for who built this free portfolio.

🌐 Demo

Developer Portfolio Demo Website

☕ Buy me a coffee

You can buy me a coffee if you like my work and wish to thank me or inspire me to do more. Please donate whatever you feel comfortable doing to my coffee fund. The coffee will give me the motivation to work even harder.

I appreciate it. Thank you so much!

📸 Screenshots

💻 Run Locally

Clone the project

  git clone https://github.com/199ocero/Developer-Portfolio.git

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run dev

🎨 Color Reference

You can find the color theme in tailwind.config.js file. | Color | Hex | | ----------------- | ------------------------------------------------------------------ | | iridium | #3C3C3C | | dune | #333333 | | baltic-sea | #252526 | | dark-gray | #1E1E1E | | light-gray | #CCCCCC | | mac-red | #EC6B5E | | mac-yellow | #F3BF4F | | mac-green | #61C554 |

❓ FAQ

- How to change color theme?

Go to tailwind.config.js and change the hex color.

- Where to edit content for different pages?

You can find the pages in pages folder. You are free to edit and just make sure you have a background knowledge of Tailwind CSS.

- Where to edit social icons and links?

There are two components you need to change. You can go to components folder and find Social.vue and Sidebar.vue. When you change something in Social.vue you need also to change it in Sidebar.vue and vice versa.

- Where to edit the css?

Go to assets folder and you can find css/main.css file there.

- Where to find icons?

This project is already installed with the icons from FontAwesone website. Make sure that the icons you use are the free ones.