Wiam-Skakri-Website — React Portfolio Template

SHA-256: db8de56a6cb1681c4a05aa17bfea19a09f2165098c9d6f3c59297396f028643f

2026-10-13T06:26:14.472Z

# wiamskakri.nyc

A modern, responsive portfolio website showcasing my work as a Product Manager and Software Engineer. Built with React, TypeScript, and Tailwind CSS, featuring a sleek dark/light theme and smooth animations.



https://github.com/user-attachments/assets/2f3ace03-905c-484b-97ae-963337043dbe



## Features

- **Responsive Design**: Fully optimized for desktop, tablet, and mobile devices
- **Dark/Light Theme**: Toggle between dark and light modes with smooth transitions
- **Modern UI**: Built with shadcn/ui components and Tailwind CSS
- **Fast Performance**: Powered by Vite for lightning-fast builds and HMR
- **Type-Safe**: Written in TypeScript for better development experience

## Tech Stack

- **Framework**: React 18
- **Language**: TypeScript
- **Build Tool**: Vite
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui (Radix UI primitives)
- **Icons**: Lucide React
- **Routing**: React Router
- **Theme**: next-themes

## Getting Started

### Prerequisites

- Node.js 18+
- npm or yarn

### Installation

1. Clone the repository:
```bash
git clone https://github.com/WiamSkakri/wiamskakri.nyc.git
cd wiamskakri.nyc
```

2. Install dependencies:
```bash
npm install
```

3. Start the development server:
```bash
npm run dev
```

The site will be available at `http://localhost:5173`

## Available Scripts

- `npm run dev` - Start development server
- `npm run build` - Build for production
- `npm run build:dev` - Build in development mode
- `npm run preview` - Preview production build locally
- `npm run lint` - Run ESLint

## Project Structure

```
src/
├── components/       # React components
│   ├── Hero.tsx     # Landing section
│   ├── About.tsx    # About section
│   ├── Projects.tsx # Projects showcase
│   ├── Experience.tsx
│   ├── Fellowships.tsx
│   └── Connect.tsx  # Contact section
├── lib/             # Utility functions
└── main.tsx         # Application entry point
```

## Deployment

The site is configured for static hosting and can be deployed to platforms like:
- Vercel
- Netlify
- GitHub Pages
- Any static hosting service

Build the production bundle:
```bash
npm run build
```

The output will be in the `dist/` directory.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contact

Wiam Skakri - [wiamskakri.nyc](https://wiamskakri.nyc)

Project Link: [https://github.com/WiamSkakri/wiamskakri.nyc](https://github.com/WiamSkakri/wiamskakri.nyc)