BestShop Responsive is a modern, fully responsive website built using HTML, SCSS, JavaScript, and Gulp. It features a clean and professional design optimized for all devices.
This project is deployed on Vercel:
🔗 Live Demo
🚀 Features ✅ Fully Responsive Design – Optimized for mobile, tablet, and desktop. ✅ SCSS Styling – Modular and maintainable styles. ✅ Gulp Task Runner – Automates SCSS compilation, live reloading, and optimizations. ✅ Modern UI – Uses Google Fonts, Font Awesome, and smooth animations. ✅ Optimized Performance – Minified assets and fast loading.
bestShop-responsive/ ├── public/ # Static files for Vercel deployment │ ├── index.html # Main HTML file │ ├── css/ # Compiled styles │ │ ├── main.css │ ├── js/ # JavaScript files │ │ ├── app.js │ ├── assets/ # Images, icons, fonts ├── scss/ # SCSS source files ├── gulpfile.js # Gulp task automation ├── package.json # Project dependencies ├── .gitignore # Ignoring node_modules and unnecessary files ├── vercel.json # Vercel deployment configuration (if needed)
git clone https://github.com/magda5281/bestshop-responsive.git cd bestshop-responsive
- npm install
- npx gulp
This will:
Compile SCSS → CSS Start a local server at http://localhost:3000/ Watch for changes and live-reload
- npm run build (This command may vary based on your Gulp setup.)
- npm install -g vercel
- vercel --prod
✅ HTML5: Structured content. ✅ SCSS (SASS): Preprocessor for CSS. ✅ JavaScript (ES6+): Interactive features. ✅ Gulp.js: Task automation (SCSS compilation, live-reloading). ✅ Vercel: Hosting and deployment.
⏳ Add Dark Mode Support 🌙: Enhance user experience with a dark mode option. ⏳ Improve Animations ✨: Enhance UI interactions and transitions. ⏳ Optimize Images 📷: Ensure faster loading times with compressed images.
This project is open-source and available under the MIT License.