This is my official developer portfolio website built using modern frontend tools like React, Tailwind CSS, and Framer Motion. It highlights my projects, skills, and contact details — a digital home for everything I do as a developer.
🔴 Live at: mrishikadhinakaran](https://mrishikadhinakaran.vercel.app/)
- ⚛️ React.js – SPA framework
- 🎨 Tailwind CSS – Utility-first CSS for sleek responsiveness
- 🧠 Framer Motion – Seamless animations and transitions
- 🔁 Lenis + Motion – Smooth scrolling effects
- 🍞 React Toast – Toast notifications
- 🎯 React Icons – Icon pack integration
- ⚡ Vite – Lightning-fast build tool
MrishikaDhinakaran/
├── .vscode/ # Editor configs
├── .vercel/ # Vercel deployment configs
├── dist/ # Production build (auto-generated)
├── public/ # Static files & images
├── src/
│ ├── assets/ # Images and media assets
│ ├── components/ # UI sections (Hero, About, Projects, Skills, etc.)
│ ├── context/ # Context for global state if used
│ ├── App.jsx # App entry point
│ ├── main.jsx # Renders root app
│ └── styles # Tailwind/global CSS
├── package.json
├── tailwind.config.js
└── index.html# Clone the repo
git clone https://github.com/mrishikadhinakaran/MrishikaDhinakaran.git
cd MrishikaDhinakaran
# Install dependencies
npm install
# Start local dev server
npm run dev| Command | Purpose |
|---|---|
| npm run dev | Run app in development mode |
| npm run build | Build for production |
| npm run preview | Preview production build |
| npm run lint | Lint code using ESLint |
Deployed via Vercel for CI/CD with GitHub integration.
# For manual deployment (Vercel CLI)
vercel --prod- Smooth hero animations
- Scroll-based transitions
- Responsive sections (About, Projects, Skills)
- Clean, minimal aesthetic
- Fully mobile-friendly
- Toast notifications and scroll enhancements