Data Engineer Portfolio Template

1. Introduction

This repository hosts a portfolio template specifically designed for data engineers. Built using Vue 3 and TypeScript, it offers pre-built sections that can be easily customized to suit your needs.

2. Features

• Responsive Design: Ensures optimal viewing experience on any device.
• Pre-built Components: Includes a navbar, hero section, skills, projects, and contact sections.
• Customizable: Easily adapt the structure and content to fit your personal or professional brand.

3. Technologies Used

• Frontend Framework: Vue 3 with <script setup> syntax
• Programming Language: TypeScript
• Styling: TailwindCSS

4. Visual Preview

5. Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js: Version 16 or higher
• npm: Version 7 or higher (or yarn as an alternative)

6. Installation

1. Clone the repository:

   git clone https://github.com/Hythar/data-engineer-portfolio.git

2. Navigate to the project directory:

   cd data-engineer-portfolio

3. Install dependencies:

   npm install

4. Run the development server:

   npm run dev

7. Usage

Update the content in each component under the ./components/ directory:

• TheNavbar.vue for navigation links
• HeroSection.vue for the introductory banner
• AboutSection.vue to add your bio
• SkillsSection.vue for listing your technical expertise
• ProjectsSection.vue for showcasing your projects
• ContactSection.vue for adding contact details

8. Deployment

To deploy this portfolio, follow these steps:

1. Build the project for production:

   npm run build

2. Choose a hosting platform such as Netlify, Vercel, or GitHub Pages.

3. Upload the dist folder generated by the build process to your hosting platform.

9. Contributing

Contributions are welcome! To contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-branch-name

3. Make your changes and commit them:

   git commit -m "Description of changes"

4. Push your changes:

   git push origin feature-branch-name

5. Submit a pull request.

Coding Guidelines

• Use Vue 3's <script setup> syntax.
• Maintain consistency in styling with TailwindCSS classes.
• Follow best practices for TypeScript.

---

Feel free to reach out with questions or feedback about this project!