Gurucharan Vemuru Portfolio

A modern, interactive personal portfolio built with React, Vite, and Tailwind CSS. Showcases projects, education, experience, and live Discord presence using the Lanyard API.

Features

• Beautiful Hero Section with custom animated text and light ray effects
• Projects Timeline with bold, interactive styles and mobile-optimized layout
• Education & Experience split with large hero text
• Contact Form for easy reach-out
• Live Discord Status powered by Lanyard
• Custom Cursor and smooth animations
• Vintage Terminal Effect for retro aesthetics
• Glare Hover Effects for enhanced interactivity
• Fully responsive and mobile-optimized design
• Comprehensive Testing Suite with Jest and React Testing Library
• Multiple Deployment Options (Netlify, Hostinger, optimized builds)

Tech Stack

• React
• Vite
• Tailwind CSS
• Framer Motion
• Lanyard API (for Discord presence)
• Jest & React Testing Library

Setup & Development

1. Clone the repository:

   git clone https://github.com/Gurucharan-V/GURUCHARAN-portfolio.git
   cd GURUCHARAN-portfolio-main

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open in your browser: Visit http://localhost:3000

Testing

Run the comprehensive test suite:

npm test

The project includes tests for:

• Component rendering and interactions
• Mobile responsiveness
• Animation effects
• User interactions

Deployment

Multiple deployment options are available:

Netlify Deployment

./deploy-netiify-charnuu.sh

Hostinger Deployment

./deploy-hostinger.sh

Optimized Build

./deploy-optimized.sh

Live Discord Status

• Join the Lanyard Discord server to enable your live Discord presence on the site.
• Your Discord status, avatar, and username will be displayed on the About page.

Mobile Optimization

• Responsive design optimized for all screen sizes
• Touch-friendly interactions
• Mobile-specific project layout
• Optimized performance for mobile devices

Customization

• Update your info, projects, and experience in the respective React components in src/components/.
• To change the Discord user, update the user ID in src/components/DiscordStatus.jsx.
• Modify styling in src/index.css and component-specific CSS files.

Performance & Optimization

• Optimized bundle size and loading times
• Efficient animations and transitions
• Mobile-first responsive design
• Comprehensive testing coverage

---

Built and designed by Gurucharan Vemuru. This is a personal portfolio project. All rights reserved.