https://github.com/gabrielpenteado/oh-my-donuts
A Vue and Vuex-based app for easily placing and managing donut orders, featuring reusable form components and custom SASS-styled buttons. | Vue | Vuex | Sass
https://github.com/gabrielpenteado/oh-my-donuts
composition-api css options-api sass vite vue vue3 vuejs vuex
Last synced: about 2 months ago
JSON representation
A Vue and Vuex-based app for easily placing and managing donut orders, featuring reusable form components and custom SASS-styled buttons. | Vue | Vuex | Sass
- Host: GitHub
- URL: https://github.com/gabrielpenteado/oh-my-donuts
- Owner: gabrielpenteado
- License: mit
- Created: 2024-07-18T04:01:41.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-05-29T01:53:06.000Z (about 1 year ago)
- Last Synced: 2025-07-18T05:37:21.267Z (11 months ago)
- Topics: composition-api, css, options-api, sass, vite, vue, vue3, vuejs, vuex
- Language: Vue
- Homepage: https://ohmydonuts.onrender.com
- Size: 17.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
A Vue and Vuex-based app for easily placing and managing donut orders, featuring reusable form components and custom SASS-styled buttons.
## 📑 Contents
- [About the project](#-about-the-project)
- Built with
- [Getting Started](#-getting-started)
- Requirements
- Installation
- [Contributions](#-contributions)
- [License](#-license)
## 🍩 About the project
The project was built with Vue and Vuex to simplify the process of ordering donuts online. The application features reusable form input components, making it easy to manage and update order details.
It also integrates Vue Router to handle navigation between the home page and the orders page. All input values and the list of orders are handled by Vuex for smooth state management. Custom buttons, styled with SASS, include conditional messages to enhance the user experience.
Video
Website
### Built with
## 🏈 Getting started
To start using Oh My Donuts follow the instructions below.
### Requirements
- npm (10.5.1)
- vue(^3.4.31)
- [vite](https://vitejs.dev/guide/)
- [vuex](https://vuex.vuejs.org/)
- [sass](https://sass-lang.com/)
### Browsers Support
| [
](https://www.google.com/intl/en/chrome/)
Chrome | [
](https://www.microsoft.com/en-us/edge)
Edge | [
](https://www.mozilla.org/en-US/firefox/new/)
Firefox | [
](https://www.apple.com/br/safari/)
Safari | [
](https://www.opera.com)
Opera |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------: |
| ✅ | ✅ | ✅ | ✅ | ✅ |
| last version | last version | last version | last version | last version |
### Installation
1. Clone the repository
`git clone https://github.com/gabrielpenteado/oh-my-donuts`
2. Access the project folder in the terminal
3. Install all packages dependencies
`npm install`
4. Start using
`npm run dev`
## 🤝 Contributions
[](http://makeapullrequest.com)
The foundation of the open source community are the contributions, them inspire us to learn and create. Any contributions are greatly appreciated.
## 📄 License
This project is licensed under the MIT License. See the [LICENSE.md](https://github.com/gabrielpenteado/oh-my-donuts/blob/main/LICENSE.md) file for details.
Gabriel Penteado
Full Stack Developer
[](https://www.linkedin.com/in/gabriel-penteado)
[](https://github.com/gabrielpenteado)
[](mailto:gabripenteado@gmail.com)
