https://github.com/darshangaikwad4114/portfolio
My portfolio ⚡
https://github.com/darshangaikwad4114/portfolio
bootstrap css font-awesome html javascript
Last synced: about 2 months ago
JSON representation
My portfolio ⚡
- Host: GitHub
- URL: https://github.com/darshangaikwad4114/portfolio
- Owner: darshangaikwad4114
- Created: 2024-03-05T10:20:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-21T18:29:36.000Z (2 months ago)
- Last Synced: 2025-03-21T19:37:22.116Z (2 months ago)
- Topics: bootstrap, css, font-awesome, html, javascript
- Language: SCSS
- Homepage: https://darshangaikwad4114.github.io/Portfolio/
- Size: 9.22 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio Website 🎨
## 🛠 Tech Stack
- **Frontend**: HTML5, CSS3, JavaScript (ES6+), Bootstrap 💻
- **Styling**: SCSS, CSS3 Animations ✨
- **Interactivity**: jQuery, Particles.js ⚡
- **Build Tools**: PostCSS, Terser, Sass 🔧
- **Version Control**: Git 📦
- **Package Manager**: npm 📥
- **Development**: Live Server 🔄
## 📝 Description
A modern, responsive portfolio website showcasing my professional experience, projects, and skills. The website features a clean, minimalist design with smooth animations, interactive elements, and optimized performance.
## ⭐ Key Features
- **Responsive Design** 📱: Fully responsive layout that adapts seamlessly across all devices and screen sizes
- **Interactive UI** 🎯: Dynamic particle background, smooth scrolling, and magnetic buttons for enhanced user experience
- **Performance Optimized** ⚡: Implements lazy loading, image optimization, and code minification for faster load times
- **Contact Form** 📬: Interactive contact form with real-time validation and floating label effects
- **Project Showcase** 🎨: Dynamic project cards with live demos and source code links
## 🚀 Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/portfolio.git
cd portfolio
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run start
```
4. Build for production:
```bash
npm run build
```
## 💻 Usage
- The development server will start at `http://localhost:8080` 🌐
- Edit files in the `src` directory:
- `src/scss/` for styling changes 🎨
- `src/js/` for JavaScript functionality ⚙️
- `src/images/` for image assets 🖼️
- Use `npm run sass:watch` to compile SCSS changes in real-time 👀
- Use `npm run build` to create optimized production build 🏗️
## 🤝 Contributing
1. Fork the repository
2. Create a new branch:
```bash
git checkout -b feature/your-feature-name
```
3. Make your changes and commit:
```bash
git commit -m "Add: your feature description"
```
4. Push to your fork:
```bash
git push origin feature/your-feature-name
```
5. Create a Pull Request
## 📜 Scripts
- `npm start`: Start development server and SCSS compiler 🔥
- `npm run build`: Create optimized production build 🏗️
- `npm run lint`: Run ESLint for code quality ✨
- `npm run format`: Format code with Prettier 🎨
- `npm run optimize:images`: Optimize image assets 🖼️