A modern, animated personal portfolio built with React, Vite, and Tailwind CSS.
This is my personal portfolio website showcasing my projects, skills, and experience. It's built to be fast, responsive, and visually engaging — with smooth animations and a clean, modern UI.
- ⚡ Blazing fast — powered by Vite for instant dev startup and optimized builds
- 🎨 Modern styling — utility-first design with Tailwind CSS
- 🎬 Smooth animations — page transitions and micro-interactions via Framer Motion
- 🎯 Interactive tilt effects — engaging project cards with React Parallax Tilt
- 📧 Working contact form — email delivery handled through EmailJS
- 🧭 Client-side routing — seamless navigation with React Router
- 📱 Fully responsive — optimized for mobile, tablet, and desktop
| Category | Technology |
|---|---|
| Framework | React 19 |
| Build Tool | Vite |
| Styling | Tailwind CSS v4 |
| Animation | Framer Motion |
| Icons | React Icons |
| Routing | React Router DOM |
| Effects | React Parallax Tilt |
| Contact Form | EmailJS |
| Linting | ESLint |
portfoilo/
├── public/ # Static assets
├── src/ # Application source code
├── index.html # HTML entry point
├── vite.config.js # Vite configuration
└── eslint.config.js # ESLint configuration
- Node.js (v18 or higher recommended)
- npm
-
Clone the repository
git clone https://github.com/pratik252004-proton/portfoilo.git cd portfoilo -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open http://localhost:5173 in your browser 🎉
| Command | Description |
|---|---|
npm run dev |
Starts the development server |
npm run build |
Builds the app for production |
npm run preview |
Previews the production build locally |
npm run lint |
Runs ESLint to check code quality |
Check out the live site here: portfoilo-jade-ten.vercel.app
Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you'd like to contribute.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is open source and available for personal reference. Feel free to fork it for your own portfolio!
Pratik GitHub: @pratik252004-proton Portfolio: www.pratikm.online
If you like this project, consider giving it a ⭐!