Skip to content

🌐 My Portfolio - Built with React.js, Tailwind CSS, and Framer Motion βš›οΈπŸŽ¨πŸŽ₯

Notifications You must be signed in to change notification settings

Sushant98K/Personal-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

38 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 My Portfolio - Built with React.js, Tailwind CSS, and Framer Motion βš›οΈπŸŽ¨πŸŽ₯

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.


🌐 Live Demo

Check out the live version of my portfolio here: Portfolio Website πŸš€

πŸ›  Technologies Used

  • 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.

πŸš€ How to Get Started

  1. Clone the repository:

    git clone https://github.com/sushant98k/portfolio.git
  2. Navigate to the project directory:

    cd portfolio-website
  3. Install dependencies:

    npm install
  4. Start the development server with Vite:

    npm run dev

✨ Features

  • 🎨 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.

πŸ“Œ Vite + React Setup

This template provides a minimal setup to get React working with Vite. Vite’s built-in HMR makes for a smooth development experience.

Plugins Used:

  • @vitejs/plugin-react: Uses Babel for Fast Refresh during development.
  • @vitejs/plugin-react-swc: Optional plugin using SWC for Fast Refresh, making builds faster.

πŸš€ Let's Collaborate!

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:


πŸ”§ Future Enhancements

  • πŸ’¬ 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! πŸ’»βœ¨

About

🌐 My Portfolio - Built with React.js, Tailwind CSS, and Framer Motion βš›οΈπŸŽ¨πŸŽ₯

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published