Overview

The Personal Portfolio Website is a website built with Nuxt3 and TailwindCSS. It serves as a personal portfolio website, showcasing the work and skills of an individual. The website is designed to be visually appealing and user-friendly, making it a great tool for professionals to showcase their work and attract potential clients or employers.

Features

• Nuxt 3: The website is built using Nuxt 3, a powerful framework for building Vue.js applications. Nuxt 3 offers improved performance and better developer experience compared to previous versions.
• TailwindCSS: The website’s styling is done using TailwindCSS, a highly customizable CSS framework. TailwindCSS provides a set of utility classes that make it easy to style elements.
• Heroicons: The website uses Heroicons, a set of open-source icons designed for use in web projects. These icons add visual flair to the website and enhance the user experience.
• Headlessui/vue: Headlessui/vue is used in the website to create accessible and customizable UI components. These components enhance the usability and interactivity of the website.
• Eslint: Eslint is a tool used in the project to enforce coding style and best practices. It helps ensure that the codebase is clean and maintainable.
• GSAP: GSAP (GreenSock Animation Platform) is utilized to create stunning animations in the website. These animations enhance the visual appeal and engage the users.
• SASS: The website uses SASS (Syntactically Awesome Style Sheets) as a preprocessor for CSS. SASS provides a more efficient way to write CSS with features like variables and nesting.

Installation

To install the Personal Portfolio Website, follow these steps:

1. Clone the repository:

git clone [repository-url]

2. Navigate to the project’s directory:

cd personal-portfolio-website

3. Install dependencies:

npm install

4. Build the project:

npm run build

5. Run the project:

npm run start

Summary

The Personal Portfolio Website is a powerful and visually appealing website built using Nuxt3 and TailwindCSS. It incorporates features such as Heroicons, Headlessui/vue, Eslint, GSAP, and SASS to enhance the user experience and provide a professional platform for individuals to showcase their work and skills. With easy installation steps, this website can be personalized and deployed to attract potential clients or employers.