Portfolio Website with Vue.js & Darkmode
Demo
React version Repo

   

Features

📖 Multi-Page Layout

🎨 Styled with TailwindCSS with easy to customize colors

📱 Fully Responsive

🌙 Theme Switcher with Dark Mode

🧈 Smooth transitions and scroll

🔼 Scroll to top button

⬇️ Download file button

Built With

This project was built using these technologies.

• Vue.js v3
• Vue Router
• Tailwind CSS v3
• HTML5
• CSS3

Getting Started

Clone down this repository. You will need node.js and npm and git installed on your machine.

🛠 Installation and Setup Instructions

1. Clone this repo:

git clone https://github.com/sunnynano/vue-portfolio.git

2. Open the project folder:

cd vue-portfolio

3. Install packages and dependencies:

npm install

4. Start a local dev server at http://localhost:8080:

npm run serve

The app wil be in the development mode.
Open http://localhost:8080 to view it in the browser. The page will reload if you make edits.

Known Issues

1. For iOS and iPadOS users, please visit the site via Safari browser. Chrome browser on iOS and iPadOS may experience "sticky hover" problem.