11 - Feb - 2023

Hotel Booking - Static

React + Tailwind CSS | Live Link

This app based on - vite

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

yarn

& to start the application, please run...

yarn dev

Project dependencies package installation cmd...

  • yarn create vite
  • yarn add -D react-icons
  • yarn add -D react-router-dom
  • yarn add -D react-datepicker
  • yarn add -D @headlessui/react
  • yarn add -D spinners-react
  • yarn add -D swiper
  • yarn add -D vite-plugin-svgr
  • yarn add -D tailwindcss postcss autoprefixer
  • npx tailwindcss init -p

Learning Context :-

  • vite setup & index configure
  • File & Folder Structure
  • CSS writing structure
  • Responsive Mobile Menu
  • Use of react context api
  • Component Data passing...
  • Using React Date Picker with custom css...
  • Apply swiper slider at hero section
  • Data loading spinner effect
  • Scroll To Top Component, when page or location changes

  • Components calling describe, how modules are interact with each other in the system...