🌟 Personal Portfolio Website 🌟

🚀 A modern, responsive portfolio website showcasing my skills, projects, and professional information.

🔗 Live Preview ✨

---

Preview

---

✅ Features

• 📱 Responsive Design: Fully responsive layout that works on all devices
• ✨ Interactive UI: Smooth animations and transitions using GSAP
• 🖼️ Project Showcase: Filterable project gallery with categories
• 🛠️ Skills Section: Comprehensive display of technical skills and proficiency levels
• 📬 Contact Form: Easy way for visitors to get in touch
• 🔗 Social Media Integration: Links to GitHub, LinkedIn, Instagram, and WhatsApp

🛠️ Technologies Used

• 🌐 HTML5: Structure and content
• 🎨 CSS3: Styling and animations
• 💻 JavaScript: Interactivity and dynamic content
• 🔄 GSAP: Advanced animations and scroll effects
• 📲 Responsive Design: Media queries for all device sizes
• 🔍 Font Awesome: Icons and visual elements

🚀 Getting Started

📋 Prerequisites

• 🌐 A modern web browser (Chrome, Firefox, Safari, Edge)
• 📚 Basic understanding of HTML, CSS, and JavaScript (for development)

🔧 Installation

1. Clone the repository:

   git clone https://github.com/Roshansuthar1105/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Open index.html in your browser or use a local development server.

   For a simple local server, you can use:

   • Python's built-in server:

     # Python 3
     python -m http.server
     
     # Python 2
     python -m SimpleHTTPServer

   • Or use the Live Server extension in Visual Studio Code

4. Access the website at http://localhost:8000 (or the port provided by your server)

📁 Project Structure

portfolio/
├── index.html              # Main HTML file
├── style.css               # Main CSS file
├── script.js               # Main JavaScript file
├── app.js                  # Additional JavaScript functionality
├── Sources/                # Assets directory
│   ├── logos/              # Logo images
│   ├── menuIcon/           # Navigation icons
│   ├── Projects/           # Project images and HTML files
│   │   ├── images/         # Project screenshots
│   │   ├── *.html          # Individual project pages
│   ├── *.svg, *.png        # Various icons and images
│   └── resume.pdf          # Downloadable resume
└── README.md               # Project documentation

💻 Usage

• 🏠 Home: Introduction and brief overview
• 👤 About: Detailed information about me and my background
• 🧠 Skills: Technical skills and proficiency levels
• 🖼️ Portfolio: Showcase of projects with filtering options
• 📞 Contact: Form to get in touch and social media links

🔮 Future Enhancements

• 🌓 Dark/Light mode toggle
• 📝 Blog section for sharing technical articles
• 🔄 Integration with a backend for form submission
• ✨ More interactive elements and animations
• 📊 Project detail pages with comprehensive information

📞 Contact

• 📧 Email: Roshansuthar2023@gmail.com
• 💼 LinkedIn: Roshan Suthar
• 🐱 GitHub: Roshansuthar1105

📄 License

This project is open source and available under the MIT License.

---

Made with ❤️ by Roshan Suthar ⭐