Skip to content

README.md

Latest commit

 

History

History
101 lines (75 loc) · 2.98 KB

README.md

File metadata and controls

101 lines (75 loc) · 2.98 KB
Raw

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