Noros is a modern and highly productive landing page designed with an emphasis on clean code, modularity, and loading speed. Using the Nunjucks template engine allowed us to create a flexible component structure, while Gulp ensured professional automation of all development processes.
- HTML5 & Nunjucks — Modular HTML templating engine
- SCSS — Advanced styling with placeholders and variables (BEM methodology)
- JavaScript (ES6+) — Client-side logic and interactivity
- jQuery — DOM manipulation and event handling
- Slick Carousel — Smooth and touch-responsive sliders for product showcases
- Fancybox (@fancyapps/fancybox & @fancyapps/ui) — Professional lightboxes and touch-friendly media galleries
- Ion.RangeSlider — Highly customizable range sliders for filters and price selection
- RateYo — Flexible and customizable SVG-based star rating plugin
- Gulp — Task runner for building, minification, and image optimization
- BrowserSync — Live reloading during development
- Netlify — Hosting and continuous deployment
To run the project locally, follow these steps:
git clone https://github.com/your-username/project-name.git
cd project-namenpm installnpm run dev- Responsive Design: Fully fluid layout that adapts perfectly to smartphones, tablets, and desktops (320px to 1440px+).
- Interactive Galleries: High-quality image and video previews using Fancybox for a premium user experience.
- Smart Filtering: Advanced range selection for prices or categories powered by Ion.RangeSlider.
- Visual Ratings: Dynamic star rating systems implemented with RateYo for product or service reviews.
- Modular Architecture: Built with Nunjucks templates, making the codebase easy to scale, read, and maintain.
- Optimized Performance: Gulp automation ensures all assets (CSS, JS, Images) are minified and optimized for fast loading.
- Pixel Perfect UI: Meticulous attention to detail to ensure the final product perfectly matches the design.
This project is created for educational and portfolio purposes.