A beautifully designed and fully responsive portfolio website created using React and Tailwind CSS. This project demonstrates a modern and clean design approach, optimized for various devices and screen sizes. π
Check out the live demo of this portfolio: View Portfolio
- React Integration: Built using React for a dynamic and component-based architecture.
- Responsive Design: Works seamlessly on desktops, tablets, and mobile devices.
- Modern UI: Minimalistic and professional design to leave a lasting impression.
- Tailwind CSS: Leveraging the utility-first CSS framework for fast and efficient styling.
- Framer Motion Animations: Added smooth and engaging animations using Framer Motion.
- Reusable Components: Organized React components for easy scalability and maintenance.
- Customizable: Easily adaptable to showcase your personal or professional projects.
- React
- Tailwind CSS
- Framer Motion
- HTML5
- JavaScript (ES6+)
Virtual-R/
βββ public/
β βββ vite.svg # Vite Image
βββ src/
β βββ assets/ # Reusable React components
β βββ components/ # Reusable React components
β βββ constants/ # Reusable React components
β βββ App.jsx # Main React app file
β βββ index.css # Tailwind CSS file
β βββ main.jsx # JavaScript functionality
βββ .gitignore
βββ LICENSE
βββ README.md # Project documentation
βββ eslint.config.js
βββ index.html
βββ package-lock.json
βββ package.json # Node.js dependencies
βββ postcss.config.js
βββ tailwind.config.js
βββ vite.config.js
-
Clone the repository:
git clone https://github.com/MirzaAbdullahBaig/Virtual-R
-
Navigate to the project directory:
cd Virtual-R
-
Install dependencies:
npm i
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173
to view the portfolio.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you have any suggestions.
This project is licensed under the MIT License. Feel free to use it for your own portfolio.