https://github.com/vehbiu/website
🌐 My personal portfolio website deployed on the web via Cloudflare Pages
https://github.com/vehbiu/website
next nextjs personal personal-website portfolio portfolio-website react reactjs website
Last synced: about 1 year ago
JSON representation
🌐 My personal portfolio website deployed on the web via Cloudflare Pages
- Host: GitHub
- URL: https://github.com/vehbiu/website
- Owner: vehbiu
- License: mit
- Created: 2024-10-03T12:16:24.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-04T02:29:13.000Z (over 1 year ago)
- Last Synced: 2025-04-04T23:24:25.122Z (about 1 year ago)
- Topics: next, nextjs, personal, personal-website, portfolio, portfolio-website, react, reactjs, website
- Language: TypeScript
- Homepage: https://vehbi.me/
- Size: 2.46 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://vehbi.me)
## 🛠️ Technologies Used
- React (via NextJS)
- TypeScript
- TailwindCSS
- Framer Motion
- Lucide Icons
## ⚙️ Installation
1. Clone the repository
```bash
git clone https://github.com/vehbiu/website.git
```
2. Install dependencies
```bash
npm install
```
3. Start the development server
```bash
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`:
```typescript
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`:
```typescript
const newSkill = {
name: "Skill Name",
url: "https://skill-documentation-url.com"
};
```
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check [issues page](https://github.com/vehbiu/website/issues).
## 👤 Author
**Vehbi**
- Website: [vehbi.me](https://vehbi.me)
- GitHub: [@vehbiu](https://github.com/vehbiu)
## 🙏 Acknowledgments
- Icons provided by [Lucide](https://lucide.dev/)
- Animation library: [Framer Motion](https://www.framer.com/motion/)
## 📊 Stats
---
Made with ❤️ by [@vehbiu](https://github.com/vehbiu)