Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Personal Portfolio

A modern, animated personal portfolio built with React, Vite, and Tailwind CSS.

Live Demo React Vite TailwindCSS

View Demo · Report Bug · Request Feature


📌 About

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.

🚀 Features

  • 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

🛠️ Tech Stack

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

📂 Project Structure

portfoilo/
├── public/          # Static assets
├── src/             # Application source code
├── index.html       # HTML entry point
├── vite.config.js    # Vite configuration
└── eslint.config.js  # ESLint configuration

🏁 Getting Started

Prerequisites

  • Node.js (v18 or higher recommended)
  • npm

Installation

  1. Clone the repository

    git clone https://github.com/pratik252004-proton/portfoilo.git
    cd portfoilo
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Open http://localhost:5173 in your browser 🎉

Available Scripts

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

🌐 Live Demo

Check out the live site here: portfoilo-jade-ten.vercel.app

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you'd like to contribute.

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📄 License

This project is open source and available for personal reference. Feel free to fork it for your own portfolio!

📬 Contact

Pratik GitHub: @pratik252004-proton Portfolio: www.pratikm.online


If you like this project, consider giving it a ⭐!

Releases

Packages

Contributors

Languages