Welcome to the repository for my personal portfolio website! This project showcases my skills, projects, and professional journey in a sleek and modern design. Built with the latest web technologies, it serves as an interactive platform to share my work and connect with potential collaborators or employers.
The website is live and can be accessed here: Portfolio Website
- Next.js: React-based framework for fast, server-side rendered, and static web applications.
- shadcn/ui: Component library for building consistent and accessible UI components.
- Tailwind CSS: Utility-first CSS framework for styling.
- Vercel: Cloud platform for deploying and hosting modern web applications.
- Responsive Design: Fully optimized for mobile, tablet, and desktop.
- Dynamic Components: Interactive and reusable components built with shadcn/ui and Tailwind CSS.
- SEO-Friendly: Optimized for search engines using Next.js features.
- Fast Loading: Leveraging server-side rendering and static generation for optimal performance.
- Custom Animations: Engaging transitions and effects for a polished user experience.
Follow these steps to set up the project locally:
Ensure you have the following installed:
- Node.js (v16+)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/Portfolio-Website.git cd portfolio-website -
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run dev # or yarn dev -
Open the website in your browser at http://localhost:3000.
└── 📁Portfolio-Website
└── 📁src
└── 📁app
└── 📁components
└── About.tsx
└── Absolute-img.tsx
└── CardData.tsx
└── Content.tsx
└── Footer.tsx
└── Header.tsx
└── Navbar.tsx
└── ReusableCard.tsx
└── Tabs.tsx
└── 📁Images
└── 📁30days30projects
└── 10.png
└── 11.png
└── 12.png
└── 13.png
└── 14.png
└── 15.png
└── 16.png
└── 17.png
└── 18.png
└── 19.png
└── 20.png
└── 21.png
└── 22.png
└── 23.png
└── 24.png
└── 25.png
└── 26.png
└── 27.png
└── 28.png
└── 29.png
└── 30.png
└── 31.png
└── 32.png
└── 33.png
└── 4.png
└── 5.png
└── 6.png
└── 7.png
└── 8.png
└── 9.png
└── 30days.png
└── Absolute.png
└── Acorn.png
└── Athens.png
└── Avatar.png
└── banner.png
└── blue-tick.png
└── FirstPost.png
└── Navbar.png
└── New-Position-Post.png
└── Post2.png
└── Profile.png
└── Sign.png
└── favicon.ico
└── globals.css
└── layout.tsx
└── page.tsx
└── 📁components
└── 📁ui
└── avatar.tsx
└── button.tsx
└── card.tsx
└── hover-card.tsx
└── label.tsx
└── tabs.tsx
└── 📁lib
└── utils.ts
└── .eslintrc.json
└── .gitignore
└── components.json
└── next.config.mjs
└── package-lock.json
└── package.json
└── postcss.config.mjs
└── README.md
└── tailwind.config.ts
└── tsconfig.json
This project is automatically deployed on Vercel. Every push to the main branch triggers a new deployment. To deploy manually:
-
Push your changes to the
mainbranch:git push origin main
-
Visit your Vercel dashboard to view the deployment status.
Contributions, issues, and feature requests are welcome! Feel free to open a pull request or submit an issue on GitHub.
This project is licensed under the MIT License.
Thank you for visiting my portfolio repository! 🎉