A high-performance, developer-centric portfolio website built with React, Tailwind CSS, and Framer Motion logic. Features a "Dynamic Island" navbar, bento-grid layouts, and cyberpunk aesthetics.
🌐 Live Demo (Replace with your Vercel link if different)
- Dynamic Island Navbar: A smart navigation bar that expands and contracts on scroll.
- Bento Grid Layouts: Modern, glassmorphism-style cards for displaying projects and stats.
- Interactive UI:
- Typing effects for the hero section.
- Radioactive glow effects on hover.
- "Code Window" visualization of user profile data.
- Academic & Gaming HUD: Unique "Player Profile" design to showcase IIT Bhubaneswar stats and Clash Royale achievements.
- Responsive Design: Fully optimized for mobile, tablet, and desktop.
| Category | Technologies |
|---|---|
| Frontend | React.js, Tailwind CSS, Lucide React (Icons) |
| Routing | React Router DOM |
| Build Tool | Vite |
| Deployment | Vercel |
| Hero Section | Projects Grid |
|---|---|
| (Add a screenshot of your hero section here) | (Add a screenshot of your projects grid here) |
Clone the repository and install dependencies to run it locally.
# 1. Clone the repository
git clone [https://github.com/SushanthMusham/Portfolio_Website.git](https://github.com/SushanthMusham/Portfolio_Website.git)
# 2. Navigate into the directory
cd Portfolio_Website
# 3. Install dependencies
npm install
# 4. Start the development server
npm run dev
The application will be running at http://localhost:5173.
📂 Project Structure
src/
├── assets/ # Images and icons
├── components/ # Reusable UI components
│ ├── Hero.jsx # Landing section with typing effect
│ ├── Navbar.jsx # "Dynamic Island" navigation
│ ├── About.jsx # Stats, Education, and Gaming profile
│ ├── Projects.jsx# Showcase of built apps with links
│ ├── TechStack.jsx # Grid of skills (C++, Node, etc.)
│ └── Footer.jsx # Social links and resume download
├── App.jsx # Main routing logic
└── main.jsx # Entry point
🤝 Contact
Sushanth Musham
Email: 23ee01032@iitbbs.ac.in
LinkedIn: linkedin.com/in/sushanthmusham
GitHub: github.com/SushanthMusham
<p align="center"> Built with 💙 and ☕ by Sushanth. </p>