Yousef Khan

This is my super awesome amazing portfolio website :D

---

🚀 About the Project

This portfolio site showcases who I am, what I’ve worked on, and what I enjoy building. It’s built with modern web technologies and aims to be both functional and expressive — fast, responsive, and smooth.

From custom link previews to animated page transitions, this site is designed to feel more like a product than a portfolio.

---

🛠️ Tech Stack

• Frontend Framework: React
• Build Tool: Vite
• Styling:
  • Tailwind CSS
  • DaisyUI
  • Aceternity UI (used for link previews and aesthetic components)
• Animation: Framer Motion for seamless page transitions
• Deployment:
  • Hosted on GitHub Pages
  • Continuous Deployment via GitHub Actions (automatic deployment on push)
• Routing:
  • Uses a clever workaround to get BrowserRouter working on static sites (GitHub Pages) by redirecting all 404s to index.html — based on rafgraph/spa-github-pages

---

📁 Project Features

• Custom 404 page
• Animated page transitions
• Dynamic link previews
• Mobile-friendly design
• Minimalist and clean layout
• Fast and lightweight

---

📸 Preview

View the website

---

🧪 Development

npm install
npm run dev

To build:

npm run build

To deploy manually (auto-deploy is already configured via GitHub Actions):

npm run deploy

---

🙌 Credits

• Inspired by the amazing open-source ecosystem
• Shoutout to rafgraph/spa-github-pages for the 404 routing fix

---

🪪 License

MIT License © 2025 Yousef Khan

---