https://github.com/amanbig/portfolio
A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features smooth animations, dark theme, and showcases my projects and skills.
https://github.com/amanbig/portfolio
nextjs react-bits tailwindcss typescript
Last synced: about 2 months ago
JSON representation
A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features smooth animations, dark theme, and showcases my projects and skills.
- Host: GitHub
- URL: https://github.com/amanbig/portfolio
- Owner: Amanbig
- Created: 2025-07-09T10:34:34.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2026-03-27T12:59:44.000Z (2 months ago)
- Last Synced: 2026-03-30T02:44:34.824Z (2 months ago)
- Topics: nextjs, react-bits, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://portfolio-snowy-alpha-13voib56jt.vercel.app/
- Size: 2.43 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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**
```bash
git clone https://github.com/Amanbig/portfolio.git
cd portfolio
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the development server**
```bash
npm run dev
```
4. **Open your browser**
Navigate to [http://localhost:3000](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.
[](https://vercel.com/new/clone?repository-url=https://github.com/Amanbig/portfolio)
## 📧 Contact
- **Email**: amanpreetsinghjhiwant7@gmail.com
- **GitHub**: [@Amanbig](https://github.com/Amanbig)
- **LinkedIn**: [Amanpreet Singh](https://www.linkedin.com/in/amanpreet-singh-9a1929211)
## 📄 License
This project is open source and available under the [MIT License](LICENSE).
---
Made with ❤️ by [Amanpreet Singh](https://github.com/Amanbig)