portfolio Tailwind Templates

Portfolio

This is a React-based portfolio website showcasing my skills, projects, and contact information. Built with Tailwind CSS for styling and leveraging React hooks for dynamic UI updates.

Personal Portfolio Website

This is a React-based portfolio website showcasing my skills, projects, and contact information. Built with Tailwind CSS for styling and leveraging React hooks for dynamic UI updates.

🚀 Features

  • Hero Section: Displays name, roles with a typewriter effect, and social links.
  • About Section: Brief introduction and expertise areas.
  • Projects Section: Showcases selected projects with tech stacks and links.
  • Contact Section: Provides an email button for direct communication.
  • Footer: Displays copyright information.

🛠️ Technologies Used

  • React (TypeScript) – Frontend framework
  • Tailwind CSS – Styling framework
  • Lucide React – Icon set
  • Vite – Development build tool

📂 Folder Structure

/src
 ├── components
 │   ├── About.tsx      # About section
 │   ├── Card.tsx       # Expertise cards
 │   ├── Contact.tsx    # Contact section
 │   ├── Footer.tsx     # Footer section
 │   ├── Header.tsx     # Hero section with typewriter effect
 │   ├── Projects.tsx   # Projects section
 │   └── App.tsx        # Main application file
 ├── assets             # Static assets like images
 ├── styles             # Custom styles (if any)
 ├── main.tsx           # Entry point
 ├── index.html         # HTML template
 └── package.json       # Project dependencies

📦 Installation & Setup

  1. Clone the repository

    git clone https://github.com/amadeodurgaj/portfolio.git
    cd portfolio
    
  2. Install dependencies

    npm install
    
  3. Run the development server

    npm run dev
    
  4. Build for production

    npm run build
    

📧 Contact

If you’d like to connect, feel free to reach out:
📩 Email: [email protected]
🐙 GitHub: amadeodurgaj
🔗 LinkedIn: Amadeo Durgaj

Top categories

Loading Svelte Themes