https://github.com/rsinghcodes/v2-portfolio
My personal minimalist portfolio website built with Next.js 15, featuring 3D elements, interactive animations, and a beautiful light/dark theme system.
https://github.com/rsinghcodes/v2-portfolio
framer-motion nextjs tailwindcss
Last synced: 3 months ago
JSON representation
My personal minimalist portfolio website built with Next.js 15, featuring 3D elements, interactive animations, and a beautiful light/dark theme system.
- Host: GitHub
- URL: https://github.com/rsinghcodes/v2-portfolio
- Owner: rsinghcodes
- Created: 2025-07-22T17:41:50.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-08-18T07:55:03.000Z (11 months ago)
- Last Synced: 2025-08-18T09:33:42.648Z (11 months ago)
- Topics: framer-motion, nextjs, tailwindcss
- Language: TypeScript
- Homepage: https://rsinghcodes.netlify.app
- Size: 9.16 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Portfolio
A modern, minimalist portfolio website built with Next.js 15, featuring 3D elements, interactive animations, and a beautiful light/dark theme system.
## 🛠️ Tech Stack
- **Framework**: Next.js 15
- **Styling**: Tailwind CSS v4
- **Animations**: Framer Motion
- **Icons**: React Icons
- **Language**: TypeScript
- **Theme**: Custom CSS variables with localStorage persistence
## 🚀 Installation
1. **Clone the repository**
```bash
git clone
cd portfolio
```
2. **Install Dependencies**
```bash
npm install
```
3. **Run Development Server**
```bash
npm run dev
```
4. **Build for Production**
```bash
npm run build
```
## 📁 Project Structure
```
src/
├── app/
│ ├── contexts/
│ │ └── ThemeContext.tsx # Theme management context
│ ├── globals.css # Global styles and theme variables
│ ├── layout.tsx # Root layout with ThemeProvider
│ ├── page.tsx # Main portfolio page
│ └── projects/
│ └── page.tsx # Projects page
├── components/
│ ├── 3DIcon.tsx # 3D icon component
│ ├── NavItems.tsx # Navigation component
│ ├── SocialIcons.tsx # Social media icons
│ ├── ThemeToggle.tsx # Theme toggle button
│ └── Wrapper.tsx # Layout wrapper
└── public/
├── assets/ # Project images and logos
└── icons/ # Social media icons
```
## 🌐 Browser Support
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
## 🤝 Contributing
Feel free to submit issues and enhancement requests!
---
**Built with ❤️ using Next.js 15, TypeScript, and Tailwind CSS**