portfolio-website Tailwind Templates

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

  1. Clone the repository

    git clone https://github.com/yourusername/ai-portfolio.git
    cd ai-portfolio
    
  2. Install dependencies

    pnpm install
    # or
    npm install
    
  3. Run the development server

    pnpm dev
    # or
    npm run dev
    
  4. Open http://localhost:3000 in your browser

Deployment on Vercel

  1. Fork this repository
  2. Create a new project on Vercel
  3. Import your forked repository
  4. Deploy with default settings

🤝 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. 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]

Top categories

Loading Svelte Themes