My Portfolio Website

Overview

This is my personal portfolio website showcasing my projects, skills, and professional experience. The site features a modern, responsive design inspired by the "Solo Leveling" anime aesthetic with custom animations and interactive elements.

Features

• Home page with animated introduction and typewriter effect
• Projects section with filterable portfolio items and featured projects
• Skills section with interactive proficiency levels
• About me section with professional background and metrics
• Contact page with social links
• Smooth page transitions and animations throughout
• Responsive design for all device sizes

Technologies Used

• React.js
• Vite (build tool)
• React Router DOM
• TailwindCSS
• Framer Motion (animations)
• Lucide React & React Icons
• ESLint

Setup and Installation

1. Clone the repository

   git clone https://github.com/balajirkb/my-portfolio.git
   

2. Navigate to the project directory

   cd my-portfolio
   

3. Install dependencies

   npm install
   

4. Run development server

   npm run dev
   

5. Build for production

   npm run build
   

Project Structure

my-portfolio/
├── public/             # Static assets
├── src/                # Source files
│   ├── components/     # Reusable UI components
│   ├── pages/          # Page components (Home, About, etc.)
│   ├── App.jsx         # Main app component with routing
│   └── main.jsx        # Entry point
├── index.html          # HTML template
├── tailwind.config.js  # TailwindCSS configuration
├── vite.config.js      # Vite configuration
└── package.json        # Dependencies and scripts

Deployment

The site is deployed at balajirkb.pages.dev The site is also deployed at balajirkb.netlify.app

Contact

Feel free to reach out to me at:

• Email: [email protected]
• LinkedIn: Balaji R
• GitHub: balajirkb
• Instagram: balaji_rkb

License

This project is licensed under the MIT License - see the LICENSE file for details.