Portfolio Website 🚀

📌 Overview

Welcome to my portfolio website! This modern, responsive web application showcases my work, skills, and professional journey. Built with React, TypeScript, and Tailwind CSS, it demonstrates my commitment to using current web technologies and best practices.

✨ Features

🎨 Modern UI/UX

• Clean, minimalist design
• Smooth animations and transitions
• Fully responsive layout for all devices
• Dark/Light mode toggle

💼 Project Showcase

• Featured projects with live demos
• Project descriptions and tech stacks
• GitHub repository links
• Project screenshots and previews

📱 Interactive Components

• Dynamic navigation menu
• Contact form with validation
• Skill progress indicators
• Social media integration

🛠 Tech Stack

Frontend

• React 18
• TypeScript
• Tailwind CSS
• React Router v6

Development Tools

• Vite
• ESLint
• Prettier
• Husky
• PostCSS

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/siraajul/portfolio.git

2. Navigate to project directory

cd portfolio

3. Install dependencies

npm install
# or
yarn install

4. Start development server

npm run dev
# or
yarn dev

5. Open http://localhost:3000 in your browser

📦 Build & Deploy

Build for production

npm run build
# or
yarn build

Preview production build

npm run preview
# or
yarn preview

📁 Project Structure

portfolio/
├── public/
│   ├── assets/
│   └── ...
├── src/
│   ├── components/
│   ├── App.tsx
│   └── main.tsx
├── .eslintrc.js
├── .prettierrc
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── vite.config.ts

🔧 Configuration

Environment Variables

Create a .env file in the root directory:

VITE_API_URL=your_api_url
VITE_CONTACT_EMAIL=your_email@example.com

Tailwind Configuration

Customize your Tailwind setup in tailwind.config.js:

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      // Your custom configuration
    },
  },
  plugins: [],
};

📝 Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint
• npm run format - Format code with Prettier
• npm run type-check - Run TypeScript type checking

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

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

📧 Contact

Your Name - @siraajul - shirajulislamparvez@gmail.com

Project Link: https://github.com/yourusername/portfolio

---

⭐️ Star this repo if you find it helpful!