This is a personal portfolio website built with React, Tailwind CSS, and ShadCN UI components.
- Modern, responsive design with glassy effects
- Dark/light mode support
- Animated sections with Framer Motion
- Contact form
- Project showcase
- Skills display
- Modular component structure
- React
- Tailwind CSS
- ShadCN UI
- Framer Motion
- Lucide React icons
- Node.js (v14 or higher recommended)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/portfolio-website.git
cd portfolio-website- Install dependencies:
npm install
# or
yarn- Start the development server:
npm run dev
# or
yarn dev- Open your browser and navigate to
http://localhost:5173
To create a production build:
npm run build
# or
yarn buildThe build will be generated in the dist directory.
- Update personal information in the components
- Replace images in the
publicdirectory - Modify skills and projects data in their respective components
- Update contact information
- Customize colors in the tailwind.config.js file
Muhammad Amas