https://github.com/antoniosertic23/fast-food-pink-panther-crikvenica
The Fast Food Pink Panther Crikvenica website is a medium-sized, passion-driven project through which I started learning Vue.js and wanted to showcase my creativity.
https://github.com/antoniosertic23/fast-food-pink-panther-crikvenica
bootstrap composition-api css3 es6 fast-food html5 javascript leaflet redesign single-page-application vue vue-i18n
Last synced: 2 months ago
JSON representation
The Fast Food Pink Panther Crikvenica website is a medium-sized, passion-driven project through which I started learning Vue.js and wanted to showcase my creativity.
- Host: GitHub
- URL: https://github.com/antoniosertic23/fast-food-pink-panther-crikvenica
- Owner: AntonioSertic23
- Created: 2022-07-31T19:44:52.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-29T18:02:08.000Z (about 1 year ago)
- Last Synced: 2025-01-09T08:26:49.259Z (4 months ago)
- Topics: bootstrap, composition-api, css3, es6, fast-food, html5, javascript, leaflet, redesign, single-page-application, vue, vue-i18n
- Language: JavaScript
- Homepage:
- Size: 75.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fast Food Pink Panther Crikvenica
## Redesign of Pink Panther Fast Food Website in Crikvenica
The Fast Food Pink Panther Crikvenica website is a medium-sized, passion-driven project through which I started learning Vue.js and wanted to showcase my creativity. Additionally, it was created in response to the client's need for a redesign of their existing website.
The website was built as a **Single Page Application**, using the latest **Vue.js 3** with the **Composition API**, **Bootstrap 5.0.2** for design, **Leaflet** - a JavaScript library for interactive maps, and **Vue I18n** - an internationalization plugin for Vue.js.
[](https://skillicons.dev)
Initially, the website was designed specifically for mobile devices, but later it was adapted for desktop and tablet devices as well.
The website design follows modern web design principles, such as font scaling, spacing between elements and texts, and various other aspects. The appearance resembles more of a restaurant's website rather than a fast food website, but that was intentional as it suited their cultural requirements.
A personalized style guide was also created for the website as part of the learning process. The style guide can be found in `/info/Fast Food Pink Panther Crikvenica Style Guide.pptx`.
---
### The website includes sections for:
- Menu overview with all ingredients and prices.
- Galleries with pictures of all menu offerings.
- News category section for announcements.
- "About us" section with a story about its origin and growth.
- All contact information.
---
### Project Setup
To start the project, open it in Visual Studio Code and in the terminal, run the following commands:
```sh
npm install
```
```sh
npm run dev
```