This 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.
Visit BestShop Responsive
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.
Installation & Setup
Clone the Repository
git clone https://github.com/magda5281/bestshop-responsive.git cd bestshop-responsive
Install Dependencies**
- npm install
Run Development Server
- npx gulp
This will:
Compile SCSS → CSS Start a local server at http://localhost:3000/ Watch for changes and live-reload
Build for Production
- npm run build (This command may vary based on your Gulp setup.)
Deployment to Vercel
Install Vercel CLI (if not installed)
- npm install -g vercel
Deploy the Project
- vercel --prod
Technologies Used
- HTML5: Structured content.
- SCSS (SASS): Preprocessor for CSS.
- JavaScript (ES6+): Interactive features.
- Gulp.js: Task automation (SCSS compilation, live-reloading).
- Vercel: Hosting and deployment.
To-Do / Future Improvements
- 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.
License
This project is open-source and available under the MIT License.