Thanks to visit codestin.com
Credit goes to github.com

Skip to content

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features smooth animations, dark theme, and showcases my projects and skills.

Amanbig/portfolio

Repository files navigation

Portfolio Website

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features smooth animations, dark theme, and showcases my projects and skills.

🚀 Features

  • Modern Design: Clean, professional design with a dark theme
  • Responsive: Fully responsive design that works on all devices
  • Smooth Animations: Beautiful animations using Framer Motion
  • Contact Form: Functional contact form with validation
  • Project Showcase: Featured projects with live demos and source code links
  • Performance Optimized: Built with Next.js for optimal performance
  • TypeScript: Full type safety throughout the application

🛠️ Tech Stack

  • Framework: Next.js 15
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Animations: Framer Motion
  • Form Handling: Formspree
  • Deployment: Vercel

🏃‍♂️ Getting Started

  1. Clone the repository

    git clone https://github.com/Amanbig/portfolio.git
    cd portfolio
  2. Install dependencies

    npm install
  3. Run the development server

    npm run dev
  4. Open your browser

    Navigate to http://localhost:3000 to see the website.

📁 Project Structure

src/
├── app/                 # Next.js app directory
│   ├── globals.css     # Global styles
│   ├── layout.tsx      # Root layout
│   └── page.tsx        # Home page
├── components/         # Reusable components
│   ├── About/          # About section
│   ├── Contact/        # Contact form
│   ├── FeaturedWork/   # Featured projects
│   ├── Hero/           # Hero section
│   ├── Navbar/         # Navigation
│   └── ...             # Other components
public/
├── projects/           # Project images
└── resume/             # Resume files

🎨 Components

  • Hero: Landing section with introduction
  • About: About me section with skills
  • FeaturedWork: Showcase of main projects
  • Contact: Contact form with validation
  • ProjectCard: Reusable project card component
  • BlurText: Animated text component
  • And more...

📝 Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run start - Start production server
  • npm run lint - Run ESLint

🚀 Deployment

This project is deployed on Vercel. Any pushes to the main branch will automatically deploy.

Deploy with Vercel

📧 Contact

📄 License

This project is open source and available under the MIT License.


Made with ❤️ by Amanpreet Singh

About

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features smooth animations, dark theme, and showcases my projects and skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •