Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 3 months 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.

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/).