https://github.com/mohammedsohail-dev/restaurant_template_frontend

A Vue.js 3 web application for restaurants featuring: Keycloak authentication & JWT security Responsive design with Bootstrap 5 + Vuetify Vue Router for page navigation Menu, reservations, and admin sections Modern Vue 3 Composition API architecture Built with Vuex state management, Bootstrap Icons, and ESLint
https://github.com/mohammedsohail-dev/restaurant_template_frontend

bootstrap css html vuejs

Last synced: 3 months ago
JSON representation

A Vue.js 3 web application for restaurants featuring: Keycloak authentication & JWT security Responsive design with Bootstrap 5 + Vuetify Vue Router for page navigation Menu, reservations, and admin sections Modern Vue 3 Composition API architecture Built with Vuex state management, Bootstrap Icons, and ESLint

• Host: GitHub
• URL: https://github.com/mohammedsohail-dev/restaurant_template_frontend
• Owner: mohammedsohail-dev
• Created: 2025-03-27T14:11:22.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-27T14:33:12.000Z (over 1 year ago)
• Last Synced: 2025-03-27T15:38:34.103Z (over 1 year ago)
• Topics: bootstrap, css, html, vuejs
• Language: Vue
• Homepage:
• Size: 32 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Restaurant Website Template (Frontend)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)

![Bootstrap](https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

![Keycloak](https://img.shields.io/badge/keycloak-%23ED9022.svg?style=for-the-badge&logo=keycloak&logoColor=white)

A modern Vue.js 3 frontend template for restaurant websites featuring authentication, responsive design, and essential restaurant functionality.

## ✨ Features

- **Vue 3** Composition API

- **Secure Authentication** with Keycloak

- **Responsive Design** with Bootstrap 5

- **Vue Router** for seamless navigation

- **Vuex** for state management

- **Bootstrap Icons** for beautiful icons

- **JWT Decoding** for auth token handling

- **Vuetify** components (Material Design)

- **Linting** with ESLint for code quality

## Images for reference

![HomePage part 1](https://github.com/user-attachments/assets/1ff691e5-01d0-4acc-8fe0-5867edfe5216)

![HomePage part 2](https://github.com/user-attachments/assets/aef66fe8-0c66-4ad6-bca8-7293c702714f)

![HomePage part 3](https://github.com/user-attachments/assets/d5c176d4-9bd0-4847-9d2a-05244f31eeac)

![HomePage part 4](https://github.com/user-attachments/assets/c8343568-a3d7-4c5c-84b0-834af27722e7)

![Reserve](https://github.com/user-attachments/assets/7379b8b5-efd4-409d-a471-e14fe7f394e1)

![Menu page](https://github.com/user-attachments/assets/01b2f4d0-6c5e-4274-ad66-ca83e8e7efe7)

![Login-Keycloak](https://github.com/user-attachments/assets/c9ec89a8-bc33-4027-ab05-fb96e740b835)

## 🚀 Getting Started

### Prerequisites

- Node.js (v16+ recommended)

- npm or yarn

### Installation

```bash

git clone https://github.com/your-username/the-first-step-frontend.gitf

npm install

# or 

yarn install

npm run serve

# or

yarn serve

 ```