🛠️ Tech Stack

• Framework: Next.js 14
• Styling: Tailwind CSS
• UI Components: Radix UI primitives
• Animations: Framer Motion
• Icons: React Icons & Lucide React
• Forms: React Hook Form with Zod validation
• Package Manager: Bun (recommended) or npm

📦 Installation

Prerequisites

• Node.js 18+
• Bun (recommended) or npm/yarn

1. Clone the repository

git clone https://github.com/ShivaBhattacharjee/portfolio-2025.git
cd portfolio-2025

2. Install dependencies

# Using Bun (recommended)
bun install

# Or using npm
npm install

# Or using yarn
yarn install

3. Environment Setup

Create a .env.local file in the root directory and add your environment variables:

# Add your environment variables here
# Example:
# DISCORD_BOT_TOKEN = 
# DISCORD_RECIPIENT_ID = 
// optional //
# NEXT_PUBLIC_GITHUB_TOKEN = 

4. Run the development server

# Using Bun
bun dev

# Or using npm
npm run dev

# Or using yarn
yarn dev

Open http://localhost:3000 in your browser to see the result.

🏗️ Build for Production

# Using Bun
bun run build
bun start

# Or using npm
npm run build
npm start

📁 Project Structure

src/
├── app/                 # Next.js app directory
├── components/          # Reusable components
│   ├── ui/             # UI primitives
│   ├── sections/       # Page sections
│   └── layout/         # Layout components
├── constants/          # Static data and constants
├── lib/               # Utility functions
└── utils/             # Additional utilities

🎨 Customization

1. Update Personal Information

Edit the constants in src/constants/index.js:

• Navigation links
• Personal introductions
• Work experiences
• Projects showcase

2. Modify Theme Colors

Update the theme in src/app/globals.css:

• CSS custom properties for light/dark themes
• Tailwind configuration in tailwind.config.js

3. Add/Remove Sections

Components are modular and can be easily added or removed from the main pages.

⚠️ Important Warnings

🔒 Personal Data

• Remove all personal information before deploying your own version
• Update social media links, email addresses, and contact information
• Replace project links and descriptions with your own

📝 Content License

• This template is free to use for personal and commercial projects
• Please give credit by linking back to the original repository
• Do not redistribute this template as your own creation

🔧 Customization Required

• Update the contact form with your own email service configuration
• Replace placeholder content in all sections
• Modify or remove the specific project examples and experiences

🚀 Deployment Considerations

• Ensure all environment variables are properly configured
• Test the contact form functionality before going live
• Optimize images and assets for production

📄 Template Usage

Feel free to use this template for your own portfolio! Here's what you should do:

1. Fork or clone this repository
2. Customize the content with your own information
3. Update the styling to match your personal brand
4. Test thoroughly before deployment
5. Give credit by mentioning this template in your portfolio or README

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📞 Support

If you have any questions or need help customizing this template, feel free to:

• Open an issue on GitHub

🎉 Acknowledgments

• Built with Next.js
• UI components from Radix UI
• Animations powered by Framer Motion
• Icons from React Icons

---

⭐ If you found this template helpful, please consider giving it a star!

Made with ❤️ by Shiva Bhattacharjee