An open API service indexing awesome lists of open source software.

https://github.com/atalek/portfolio-template-nuxt

Portfolio website template built with Nuxt3 and Tailwind
https://github.com/atalek/portfolio-template-nuxt

nuxt nuxt3 tailwindcss

Last synced: about 1 month ago
JSON representation

Portfolio website template built with Nuxt3 and Tailwind

Awesome Lists containing this project

README

          

# Portfolio template

![Landing page](https://res.cloudinary.com/dkofkuquf/image/upload/v1715871041/nuxtshop/dl2mfhs5qc0vw5y3k1wx.png)

This is a basic portfolio template built with **Nuxt 3** and **Tailwind CSS**. It provides
a clean and modern foundation to showcase your skills and experience, featuring toggleable
dark and light mode for user preference.

## Key Features

- **Easy Customization:** All text content is stored in a centralized constants.js file
within the data directory for effortless modifications. Simply replace the placeholder
text ('lorem ipsum') and the placeholder image with your own details.
- **Easy Customization:** Includes ready-to-use sections like Header, Hero, Projects,
About, Contact and Footer.
- **Toggleable Dark Mode**: Switch between dark and light themes for a personalized
browsing experience.

## Technologies Used

- **Nuxt 3:** A powerful framework for building modern web applications with Vue.js.

- **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.

## Setup

1. **Clone the repository.**

```bash
git clone https://github.com/atalek/portfolio-template-nuxt.git

```

2. **Navigate to the project directory.**

```bash
cd portfolio-template-nuxt

```

3. **Install dependencies.**

```bash
npm install

```

4. **Run the development server.**

```bash
npm run dev

```

5. **Open your browser and visit http://localhost:3000 to view the portfolio template.**

## Live Version

[https://portfolio-template-nuxt.atalek.com/](https://portfolio-template-nuxt.atalek.com/)

## Author

Github [@atalek](https://github.com/atalek)
Linkedin:
[@Aleksandar Atanasovski](https://www.linkedin.com/in/aleksandar-atanasovski-16b123263/)

Portfolio: [https://www.atalek.com/](https://www.atalek.com/)