Portfolio Website
Modern Next.js portfolio using TypeScript & Tailwind CSS. Features Radix UI, React Hook Form, Recharts, dark mode, carousels, tooltips, modals, and responsive design. Built with Next.js 15 & React 19, it follows best practices with clean architecture, type safety & performance optimization.
AI Portfolio Website
A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. This project showcases a beautiful UI with interactive components and smooth animations.
🚀 Features
- ⚡ Next.js 15 with React 19
- 🎨 Tailwind CSS for styling
- 📱 Fully responsive design
- 🌙 Dark mode support
- 🎯 TypeScript for type safety
- 📊 Data visualization with Recharts
- 🎨 Beautiful UI components with Radix UI
- 📝 Form handling with React Hook Form
- 🎭 Smooth animations with Framer Motion
📸 Screenshots
[Add your screenshots here]
🛠️ Tech Stack
- Framework: Next.js 15
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Radix UI
- Form Handling: React Hook Form
- Data Visualization: Recharts
- Animations: Framer Motion
- Deployment: Vercel
🚀 Getting Started
Prerequisites
- Node.js (v18 or later)
- pnpm (recommended) or npm
Local Development
Clone the repository
git clone https://github.com/yourusername/ai-portfolio.git
cd ai-portfolio
Install dependencies
pnpm install
# or
npm install
Run the development server
pnpm dev
# or
npm run dev
Open http://localhost:3000 in your browser
Deployment on Vercel
- Fork this repository
- Create a new project on Vercel
- Import your forked repository
- Deploy with default settings
🤝 Contributing
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature
)
- Commit your changes (
git commit -m 'Add some amazing feature'
)
- Push to the branch (
git push origin feature/amazing-feature
)
- Open a Pull Request
⭐ Support
If you like this project, please consider:
- Giving it a ⭐ on GitHub
- Forking it to create your own version
- Contributing to make it better
📝 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
Made with ❤️ by [Your Name]