Skip to content

ahmad-fatayerji/MyPortfolio

Repository files navigation

Ahmad FATAYERJI | Portfolio Website

Welcome to my personal portfolio! Built using modern web technologies, this site showcases my projects, skills, and experiences in software development.

🛠️ Technologies Used

  • Framework: Next.js
  • Styling: Tailwind CSS
  • Language: TypeScript
  • Animations: Framer Motion
  • Components: Shadcn/ui
  • Icons: Lucide React
  • Theming: Next Themes

🚀 Getting Started

Follow these simple steps to run the project locally:

1. Clone the repository

git clone https://github.com/ahmad-fatayerji/MyPortfolio.git
cd MyPortfolio

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

3. Run the development server

npm run dev
# or
yarn dev
# or
pnpm dev

📂 Project Structure

  • src/app: Contains page layouts and routes
  • src/components: UI components and reusable parts
  • src/data: JSON data for projects and career timeline
  • src/lib: Utility functions
  • src/styles: Global CSS with Tailwind configuration

🎨 Features

  • Responsive Design: Optimized for desktop, tablet, and mobile devices
  • Dynamic Theming: Easily toggle between dark and light modes
  • Smooth Animations: Enhanced user experience using Framer Motion
  • SEO Friendly: Designed with best practices to improve search visibility
  • Easy Project Management: Projects dynamically loaded from JSON files for easy updates

🌐 Deployment

This project is deployed using GitHub Actions with automated build and deployment scripts for seamless updates:

  • Deployment workflow: deploy.yml
  • Hosting: Self-hosted VPS with Apache server

📬 Get in Touch

Feel free to reach out to discuss potential collaborations or job opportunities!

Happy coding! 🚀

About

A portfolio website made using NextJs, Typescript and TailwindCSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published