A modern, responsive portfolio website built with Next.js, React, and Tailwind CSS, showcasing the skills and projects.
- Responsive design for optimal viewing on all devices
- Interactive UI elements using Framer Motion animations
- Dynamic project showcase with detailed information
- Skills and experience sections
- Contact form and social media links
- AI-powered chatbot for answering questions
- Next.js 14
- TypeScript
- Tailwind CSS
- Framer Motion
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/shop2008/my-portfolio.git cd my-portfolio
-
Install dependencies:
yarn install
-
Run the development server:
yarn dev
-
Open http://localhost:3000 in your browser to see the result.
src/app
: Contains the main application pages and layout, including global CSSsrc/components
: Reusable React componentspublic
: Static assets like images and fonts
This project is set up for easy deployment on Vercel. Simply connect your GitHub repository to Vercel, and it will automatically deploy your site with each push to the main branch.
To customize this portfolio for your own use:
- Update the personal information in the components (e.g.,
Hero.tsx
,About.tsx
,Experience.tsx
) - Modify the
projects
array inProjects.tsx
to showcase your own projects - Update the
skills
array inSkills.tsx
with your own skills - Replace the profile photo and project images in the
public
folder - Customize the color scheme by modifying the Tailwind configuration in
tailwind.config.ts
Contributions to improve the portfolio project are welcome. Here's how you can contribute:
- Fork the repository
- Create a new branch (
git checkout -b feature/AmazingFeature
) - Make your changes
- Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Bugs are tracked as GitHub issues. Create an issue on the repository and provide the following information:
- Use a clear and descriptive title for the issue to identify the problem.
- Describe the exact steps which reproduce the problem in as many details as possible.
- Provide specific examples to demonstrate the steps.
Enhancement suggestions are also tracked as GitHub issues. When creating an enhancement suggestion, please include:
- A clear and descriptive title for the issue.
- A step-by-step description of the suggested enhancement.
- Explain why this enhancement would be useful to most users.
Thank you for your interest in contributing to the portfolio project!
This project is open-source and available under the MIT License.
For any inquiries or suggestions, please contact on Github.