/furniture-site

Static Site | Learning Purpose

Primary LanguageJavaScript

28 - Jan - 2023

Furniture - Static Wep App UI

React + Tailwind CSS | Live Link

This app based on - vite

after clone or download, for installing dependencies, please run at terminal...

yarn

& to start the application, please run...

yarn dev

Technology used:

  • Vite
  • React
  • Swiper
  • React-icons
  • Tailwind CSS

Project dependencies package installation cmd...

  • yarn create vite
  • yarn add -D tailwindcss postcss autoprefixer
  • yarn add -D react-icons
  • yarn add -D swiper
  • npx tailwindcss init -p

Learning Context :-

  • File & Folder Structure
  • CSS writing structure
  • Responsive Mobile Menu
  • detect outside click & close menu
  • these - tailwind classes - implementation...
scroll-smooth 
scroll-pt-6

backdrop-blur-md

odd:border-r 
lg:odd:border-r 
lg:even:border-r 
lg:even:last:border-none

order-1 lg:-order-1

lg:last:mb-0

lg:absolute lg:-right-24

flex flex-col lg:flex-row lg:gap-x-[100px]