nagarajpandith / le-waks-menu

Menu web app built for Le Wak's | Burgers & More

Le Wak's Menu

 

Menu web app built for a Saudi client - Le Wak's | Burgers & More

Tech Stack

1. Next js
2. Tailwind-CSS
3. Framer Motion

Features

• Responsive & modern UI
• Dynamic data with internal API
• Dual language support (i18n)
• Dark + Light mode support
• Seamless preloaders & minimalistic animations

Installation steps

1. • Fork the repo
   • Clone the repo to your local system

   git clone https://github.com/nagarajpandith/le-waks-menu.git
   cd le-waks-menu
   

2. Install latest version of Nodejs and install all the dependencies:

npm install

3. Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the webpage.

Libraries and dependencies

"@headlessui/react": "^1.6.5",
"framer-motion": "^6.3.16",
"next": "12.2.0",
"next-themes": "^0.2.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-icons": "^4.4.0",
"react-loader-spinner": "^5.1.5"

Screenshots

• Home Page

• Menu

• Light mode support

• Arabic version support

• Preloader Animations