Personal Portfolio Website

A modern, animated portfolio website built with React, TypeScript, and TailwindCSS. This project showcases my skills, projects, and professional journey as a developer.

🌟 Features

• Responsive Design: Looks great on all devices
• Smooth Animations: Powered by Framer Motion
• Interactive UI: Dynamic elements that respond to user actions
• Type-Safe: Built with TypeScript for robust code
• Modern Styling: Utilizes TailwindCSS for a clean, modern look

🚀 Demo

Visit the live website at vehbi.me

🛠️ Technologies Used

• React (via NextJS)
• TypeScript
• TailwindCSS
• Framer Motion
• Lucide Icons

⚙️ Installation

1. Clone the repository

git clone https://github.com/vehbiu/website.git

2. Install dependencies

npm install

3. Start the development server

npm run dev

📁 Project Structure

src/
├── components/
│   ├── item-list.tsx    # Reusable component for listing skills
│   └── project-list.tsx # Component for displaying projects
├── App.tsx              # Main application component
└── ...

🎨 Customization

Adding New Projects

To add a new project, modify the projects array in page/app.tsx:

const newProject = {
  title: "Project Name",
  description: "Project description goes here",
  url: "https://project-url.com",
  gh: "https://github.com/username/project"
};

Updating Skills / Tech Stack

Modify the techStack array in the page/app.tsx:

const newSkill = {
  name: "Skill Name",
  url: "https://skill-documentation-url.com"
};

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check issues page.

👤 Author

Vehbi

• Website: vehbi.me
• GitHub: @vehbiu

🙏 Acknowledgments

• Icons provided by Lucide
• Animation library: Framer Motion

📊 Stats

---

Made with ❤️ by @vehbiu