https://github.com/abdulbasetbappy/my-portfolio-app

Welcome to the repository for my personal portfolio website. This project showcases my skills, projects, and experience as a Frontend Developer with expertise in Vue.js and Nuxt.js.
https://github.com/abdulbasetbappy/my-portfolio-app

nuxt-content nuxtjs tailwindcss vercel

Last synced: about 1 month ago
JSON representation

Welcome to the repository for my personal portfolio website. This project showcases my skills, projects, and experience as a Frontend Developer with expertise in Vue.js and Nuxt.js.

• Host: GitHub
• URL: https://github.com/abdulbasetbappy/my-portfolio-app
• Owner: abdulbasetbappy
• Created: 2024-08-06T11:01:25.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-09-26T06:43:03.000Z (about 1 month ago)
• Last Synced: 2024-09-27T03:40:12.039Z (about 1 month ago)
• Topics: nuxt-content, nuxtjs, tailwindcss, vercel
• Language: Vue
• Homepage: https://abdulbasetbappy.vercel.app
• Size: 21.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Abdul Baset Bappy - Portfolio

Welcome to the repository for my personal portfolio website. This project showcases my skills, projects, and experience as a Frontend Developer with expertise in Vue.js and Nuxt.js.

## 🌐 Live Website

Visit my portfolio: [abdulbasetbappy.vercel.app](https://abdulbasetbappy.vercel.app)

## 📋 Project Overview

This portfolio is designed to highlight my professional journey, including the following sections:

- **Home:** Introduction and brief overview of my skills.

- **About:** A deeper insight into who I am and my professional background.

- **Projects:** A showcase of the projects I have worked on, with descriptions and links to live demos or repositories.

- **Blog:** Articles and posts on topics related to frontend development, Vue.js, Nuxt.js, and more.

- **Leetcode:** A collection of 10-15 LeetCode problems that I have solved, demonstrating my problem-solving abilities.

- **Contact:** A form to get in touch with me directly.

- **CodePen (Coming Soon):** A collection of front-end snippets and experiments, coming in the next version.

## 🛠️ Technologies Used

- **Vue.js:** For building the UI components.

- **Nuxt.js:** For server-side rendering and static site generation.

- **Tailwind CSS:** For styling and responsive design.

- **SCSS:** For more complex styling and maintaining a clean CSS structure.

- **Pinia:** For state management.

- **Nuxt Content:** For managing blog posts and project details.

- **Vercel:** For hosting and deployment.

## 📦 Setup & Installation

To run this project locally, follow these steps:

   ```bash

   git clone https://github.com/yourusername/your-repo-name.git

   cd your-repo-name

   pnpm install

   pnpm run dev

  ```

## 🔍 Features

- Responsive design using Tailwind CSS.

- Dynamic content management with Nuxt Content.

- SEO-friendly architecture.

- Integrated LeetCode problem showcase.

- Future updates will include a CodePen integration.

  

## 🎯 Future Improvements

- **CodePen Page**: A dedicated page for showcasing frontend experiments and snippets.

- **Additional Projects**: Continuous updates with new projects and blogs.

- **Enhanced SEO**: Further optimization for search engines.

## 🤝 Contributing

Feel free to fork this repository and submit pull requests. For major changes, please open an issue first to discuss what you would like to change.

## 📬 Contact

If you have any questions or suggestions, feel free to reach out via the contact form on my portfolio or connect with me on [LinkedIn](https://www.linkedin.com/in/abdulbasetbappy/).