A modern, fully responsive personal portfolio website built using React.js, pure CSS, and JavaScript.
Designed with a clean glassmorphism UI, smooth animations, and interactive cursor effects to deliver a premium user experience across mobile, tablet (iPad/iPad Pro), and large displays.
- Fully responsive layout (Mobile, Tablet, Desktop, Large screens)
- Glassmorphism navigation with animated toggle indicator
- Custom glass cursor with smooth hover & trail effects
- Modular React component architecture
- Portfolio grid with responsive image cards
- Resume section with timeline & skill bars
- Interactive contact section (email & phone open native apps)
- Optimized for performance and accessibility
- Touch-device safe (effects auto-disabled on mobile)
- React.js
- JavaScript (ES6+)
- Pure CSS (No frameworks)
- HTML5
- Create React App
src/
├── components/
│ ├── About
│ ├── Sidebar
│ ├── Header
│ ├── Services
│ ├── Resume
│ ├── Portfolio
│ ├── Testimonials
│ ├── Clients
│ ├── Contact
│ ├── Footer
│ └── GlassCursor
├── App.js
├── App.css
├── index.js
└── index.css
-
Clone the repository:
git clone <your-repo-url>
-
Navigate to the project folder:
cd Personal-Portfolio -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser:
http://localhost:3000
This project is carefully optimized for:
- Mobile devices
- iPads & Tablets
- iPad Pro & large tablets
- Laptops & large monitors
All sections adapt smoothly without unnecessary scrolling or layout breakage.
- Authentication & admin panel (MERN Stack)
- Dynamic content management
- Backend integration (Node.js & MongoDB)
- Dark/Light mode toggle
- Accessibility improvements
- Deployment optimizations (CI/CD)
- SEO enhancements
This project is still evolving.
Some sections may not yet be optimized for large-scale production use.
Stay tuned for improved UI/UX, advanced features, and backend integration.
Created with ❤️ by Shubham Sharma
This project is for learning and personal use.