An open API service indexing awesome lists of open source software.

https://github.com/nagarajpandith/le-waks-menu

Menu web app built for Le Wak's | Burgers & More
https://github.com/nagarajpandith/le-waks-menu

framer-motion headlessui-react next-themes nextjs tailwindcss

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

          

Le Wak's Menu



LOGO 

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](https://github.com/nagarajpandith/le-waks-menu)
- Clone the repo to your local system
```git
git clone https://github.com/nagarajpandith/le-waks-menu.git
cd le-waks-menu
```
2. Install latest version of [Nodejs](https://nodejs.org/en/) and install all the dependencies:

```bash
npm install
```

3. Run the development server:

```bash
npm run dev
```

Open [http://localhost:3000](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

![ss01](https://res.cloudinary.com/dpfpk49oa/image/upload/v1657203553/Screenshot_2022-07-07_at_7.45.50_PM_crwkqc.png)

- Menu

![ss02](https://res.cloudinary.com/dpfpk49oa/image/upload/v1658862161/Screenshot_2022-07-27_at_12.32.24_AM_ce12ny.png)

- Light mode support

![ss03](https://res.cloudinary.com/dpfpk49oa/image/upload/v1658862258/Screenshot_2022-07-27_at_12.34.05_AM_st7ftp.png)

- Arabic version support

![ss04](https://res.cloudinary.com/dpfpk49oa/image/upload/v1658862307/Screenshot_2022-07-27_at_12.34.53_AM_w0cr5c.png)

- Preloader Animations

![sr01](https://res.cloudinary.com/dpfpk49oa/image/upload/v1657206074/Screen_Recording_2022-07-07_at_8.30.06_PM_apadpy.gif)