# Next.js (Material UI, Tailwind CSS)

# Next.js Portfolio Project

This project, named **Portfolio2**, is a modern portfolio built using **Next.js** with **Material UI**, **Tailwind CSS**, and **Shadcn/UI** for a responsive and visually appealing design. It also integrates **Aceternity UI** for additional UI components.

## Project Setup

- **Project Name**: portfolio2
- **TypeScript**: Yes
- **ESLint**: No
- **Tailwind CSS**: Yes
- **`src/` Directory**: Yes
- **App Router**: Yes (recommended)
- **Custom Import Alias**: No (default `@/`)

## Dependencies

### Main Dependencies

```json
"dependencies": {
  "@ckeditor/ckeditor5-react": "^6.3.0",
  "@emotion/react": "^11.11.4",
  "@emotion/styled": "^11.11.5",
  "@mui/icons-material": "^5.15.18",
  "@mui/material": "^5.15.18",
  "@mui/styled-engine-sc": "^6.0.0-alpha.18",
  "@prisma/client": "^5.14.0",
  "autoprefixer": "^10.4.19",
  "bcryptjs": "^2.4.3",
  "ckeditor5": "^41.4.2",
  "clsx": "^2.1.1",
  "framer-motion": "^11.2.5",
  "init": "^0.1.2",
  "next": "^14.2.3",
  "next-auth": "^4.24.7",
  "react": "^18.3.1",
  "react-dom": "^18.3.1",
  "shadcn-ui": "^0.8.0",
  "styled-components": "^6.1.11",
  "tailwind-merge": "^2.3.0"
}
```

### Development Dependencies

```json
"devDependencies": {
  "@types/bcryptjs": "^2.4.6",
  "@types/node": "^20",
  "@types/react": "^18",
  "@types/react-dom": "^18",
  "postcss": "^8.4.38",
  "prisma": "^5.14.0",
  "tailwindcss": "^3.4.3",
  "typescript": "^5.4.5"
}
```

## Features

- **Responsive Design**: Built with **Tailwind CSS** for a fully responsive layout.
- **UI Components**: Utilizes **Material UI**, **Shadcn/UI**, and **Aceternity UI** for a rich set of UI components.
- **TypeScript**: Ensures type safety and better developer experience.
- **App Router**: Leverages Next.js App Router for efficient routing.
- **Structured Directory**: Uses a `src/` directory for better code organization.

## Getting Started

1. **Clone the repository**:
   ```bash
   git clone https://github.com/your-repo/portfolio2.git
   ```
2. **Install dependencies**:
   ```bash
   npm install
   ```
3. **Run the development server**:
   ```bash
   npm run dev
   ```

## Contributing

Contributions are welcome! Please read the [CONTRIBUTING.md](CONTRIBUTING.md) file for details on how to get started.

## License

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