A futuristic, weightless personal portfolio website built with React, Vite, Tailwind CSS, and Framer Motion. This project showcases the intersection of Electronics and Communication Engineering (ECE) with Backend & App Development.
- Event Horizon Cursor: A custom interactive cursor that reacts to hover states and movement across the "digital cosmos."
- Dynamic Physics: Elements leverage parallax and levitation effects to simulate a weightless environment.
- Responsive Architecture: Fully mobile-responsive layout with a sleek "Glassmorphic Dock" for navigation.
- Narrative Storytelling: Bridges the physical world (ECE/Hardware) with the digital world (Backend/Software).
- Frontend: React.js
- Build Tool: Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
portfolio/
├── src/
│ ├── components/
│ │ └── ProjectCard.jsx # Reusable animated project shard
│ ├── App.jsx # Core landing page & design system
│ ├── index.css # Global styles & glassmorphism tokens
│ └── main.jsx # Entry point
├── public/ # Static assets (Resume, images)
├── tailwind.config.js # Custom galactic color palette
└── vite.config.js # Vite configuration
- Node.js (v18 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/Ayan-Bain/portfolio.git cd portfolio -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
- IIT Guwahati: B.Tech in Electronics and Communication Engineering (2025 - 2029).
- Delhi World Public School Kalyani: Higher Secondary Education.
- Ramakrishna Mission Vidyalaya, Narendrapur: Primary & Secondary Foundation.
- Deputy Coordinator @ Coding Club IITG: Architecting student initiatives and algorithmic thinking.
- Associate @ Robotics Club IITG: Operating at the intersection of hardware and software.
- Branch Representative @ ECE: Serving as the central communication band for students.
- HAB App (Mess Rebate): Engineered a Flutter/Node.js module for hostel network allowances.
- RIF App-Dev Task: Scalable frontend UI and asynchronous data pipelines.
- PokeDex: High-performance interactive PokeDex using PokeAPI.
© 2024 Ayan Bain. Built with curiosity and code.