Funiro Landing Page

An eCommerce website for the furniture shop Funiro. This website consists of two pages: home page and products page.

Check the live demo

Installation

npm i

Usage

Development server

npm start

Production build

npm run build

Technologies used

• HTML5
• CSS, SASS
• JavaScript

Features

• Responsive Web Design
• Hamburger mobile navigation menu
• Accordion menu
• Adding and deleting items from cart (items in cart are stored in localStorage)
• Rendering products from static json file
• Slider using Swiper API
• Parallax slider scrolling
• Sticky header using Intersection Observer API
• Smooth scrolling
• Lightbox popup using baguetteBox library
• Mouse move animation
• Filter products by room or product type
• Sections designed with CSS Flexbox and Grid layouts
• Icon font
• Webpack module bundler

Acknowledgements

• baguetteBox
• swiper slider
• design template

Author

👤 Ganna Kulyk

• Github: @anna-kulyk
• LinkedIn: @Ganna Kulyk