Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 28 additions & 29 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,29 +1,28 @@
node_modules
dist
dist-ssr
*.local
.env
.env.local
.env.development.local
.env.test.local
.env.production.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
.env.development.local
.env.test.local
.env.production.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
config.bat
222 changes: 111 additions & 111 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,111 +1,111 @@
# Production-Ready React Portfolio

A modern, fully responsive portfolio website built with React, Vite, and Tailwind CSS featuring smooth animations, unique gradient designs, and optimized performance.

## 🚀 Features

- ⚡ Built with Vite for lightning-fast development
- ⚛️ React 18 with modern hooks
- 🎨 Tailwind CSS with custom design system
- 🎭 Framer Motion animations
- 📱 Fully responsive design
- 🎯 SEO optimized
- 🌈 Unique gradient color scheme
- 💎 Glass morphism effects
- 🚀 Production-ready build configuration

## 🛠️ Tech Stack

- **Frontend**: React 18.3
- **Build Tool**: Vite 5
- **Styling**: Tailwind CSS 3.4
- **Animations**: Framer Motion 11
- **Icons**: React Icons 5

## 📦 Installation

1. Install dependencies:
```bash
npm install
```

2. Start development server:
```bash
npm run dev
```

3. Build for production:
```bash
npm run build
```

4. Preview production build:
```bash
npm run preview
```

## 🎨 Customization

### Colors
Edit `tailwind.config.js` to customize the color palette:
```js
colors: {
primary: { /* Your primary colors */ },
secondary: { /* Your secondary colors */ },
accent: { /* Your accent colors */ }
}
```

### Content
Update the following files to customize content:
- `src/components/Hero.jsx` - Hero section
- `src/components/About.jsx` - About section
- `src/components/Skills.jsx` - Skills section
- `src/components/Projects.jsx` - Projects showcase
- `src/components/Contact.jsx` - Contact information

## 🌐 Deployment

### Netlify
```bash
npm run build
# Deploy the 'dist' folder
```

### Vercel
```bash
npm run build
# Deploy the 'dist' folder
```

### GitHub Pages
Install gh-pages:
```bash
npm install --save-dev gh-pages
```

Add to package.json:
```json
"homepage": "https://yourusername.github.io/portfolio",
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d dist"
}
```

Deploy:
```bash
npm run deploy
```

## 📝 License

MIT License - feel free to use this for your own portfolio!

## 🤝 Contributing

Feel free to submit issues and enhancement requests!

---

Built with ❤️ using React + Tailwind CSS
# Production-Ready React Portfolio
A modern, fully responsive portfolio website built with React, Vite, and Tailwind CSS featuring smooth animations, unique gradient designs, and optimized performance.
## 🚀 Features
- ⚡ Built with Vite for lightning-fast development
- ⚛️ React 18 with modern hooks
- 🎨 Tailwind CSS with custom design system
- 🎭 Framer Motion animations
- 📱 Fully responsive design
- 🎯 SEO optimized
- 🌈 Unique gradient color scheme
- 💎 Glass morphism effects
- 🚀 Production-ready build configuration
## 🛠️ Tech Stack
- **Frontend**: React 18.3
- **Build Tool**: Vite 5
- **Styling**: Tailwind CSS 3.4
- **Animations**: Framer Motion 11
- **Icons**: React Icons 5
## 📦 Installation
1. Install dependencies:
```bash
npm install
```
2. Start development server:
```bash
npm run dev
```
3. Build for production:
```bash
npm run build
```
4. Preview production build:
```bash
npm run preview
```
## 🎨 Customization
### Colors
Edit `tailwind.config.js` to customize the color palette:
```js
colors: {
primary: { /* Your primary colors */ },
secondary: { /* Your secondary colors */ },
accent: { /* Your accent colors */ }
}
```
### Content
Update the following files to customize content:
- `src/components/Hero.jsx` - Hero section
- `src/components/About.jsx` - About section
- `src/components/Skills.jsx` - Skills section
- `src/components/Projects.jsx` - Projects showcase
- `src/components/Contact.jsx` - Contact information
## 🌐 Deployment
### Netlify
```bash
npm run build
# Deploy the 'dist' folder
```
### Vercel
```bash
npm run build
# Deploy the 'dist' folder
```
### GitHub Pages
Install gh-pages:
```bash
npm install --save-dev gh-pages
```
Add to package.json:
```json
"homepage": "https://yourusername.github.io/portfolio",
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d dist"
}
```
Deploy:
```bash
npm run deploy
```
## 📝 License
MIT License - feel free to use this for your own portfolio!
## 🤝 Contributing
Feel free to submit issues and enhancement requests!
---
Built with ❤️ using React + Tailwind CSS
54 changes: 29 additions & 25 deletions vite.config.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.