Welcome to the Portfolio Repository! π This project showcases my personal portfolio, built using React.js, Tailwind CSS, and Framer Motion to deliver a smooth, interactive, and responsive user experience. This setup is powered by Vite for fast development and efficient bundling.
Check out the live version of my portfolio here: Portfolio Website π
- React.js: A powerful JavaScript library for building dynamic user interfaces.
- Tailwind CSS: A utility-first CSS framework for creating responsive designs with ease.
- Framer Motion: An open-source motion library to animate React components seamlessly.
- Vite: A blazing-fast frontend build tool that allows HMR (Hot Module Replacement) and faster development.
-
Clone the repository:
git clone https://github.com/sushant98k/portfolio.git
-
Navigate to the project directory:
cd portfolio-website
-
Install dependencies:
npm install
-
Start the development server with Vite:
npm run dev
- π¨ Responsive Design: Tailwind CSS ensures a mobile-first, responsive layout that looks great on all screen sizes.
- π₯ Smooth Animations: Framer Motion brings a dynamic and interactive experience with subtle animations and transitions.
- β‘ Fast Development: Powered by Vite for super-fast Hot Module Replacement (HMR) and optimized builds.
- π Modular Components: Clean, reusable components that make the codebase easy to maintain and expand.
This template provides a minimal setup to get React working with Vite. Viteβs built-in HMR makes for a smooth development experience.
- @vitejs/plugin-react: Uses Babel for Fast Refresh during development.
- @vitejs/plugin-react-swc: Optional plugin using SWC for Fast Refresh, making builds faster.
Feel free to clone, fork, or star β this repository if you find it helpful. For any questions or collaboration requests, reach out through the contacts below:
- LinkedIn: Sushant Kate
- Discord: toy.breaker
- π¬ Add Blog Section: Integrate a blogging platform to share articles on development topics.
- π Backend Integration: Connect the portfolio to a backend API to showcase dynamic content.
- π― SEO Optimization: Implement SEO best practices to improve search visibility.
Letβs build amazing things together! π»β¨