https://github.com/gabrielpenteado/page-ohmydonuts
A Vue.js and Vuex-powered app designed for placing and managing donut orders effortlessly. The app features reusable form components, custom SASS-styled buttons, and integrates with PostgreSQL for efficient storage and retrieval of order data, providing a smooth and seamless user experience.
https://github.com/gabrielpenteado/page-ohmydonuts
donut donuts postgresql sass vue vue-router vue3 vuejs vuex
Last synced: about 1 month ago
JSON representation
A Vue.js and Vuex-powered app designed for placing and managing donut orders effortlessly. The app features reusable form components, custom SASS-styled buttons, and integrates with PostgreSQL for efficient storage and retrieval of order data, providing a smooth and seamless user experience.
- Host: GitHub
- URL: https://github.com/gabrielpenteado/page-ohmydonuts
- Owner: gabrielpenteado
- License: mit
- Created: 2025-02-12T05:38:55.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-12T17:28:52.000Z (4 months ago)
- Last Synced: 2025-02-12T18:35:35.170Z (4 months ago)
- Topics: donut, donuts, postgresql, sass, vue, vue-router, vue3, vuejs, vuex
- Language: Vue
- Homepage: https://ohmydonuts.onrender.com
- Size: 538 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Oh My Donuts
A Vue and Vuex-based application for easily placing and managing donut orders. This app includes reusable form components, custom SASS-styled buttons, and integrates with PostgreSQL to store and retrieve orders for a seamless experience.
## Features
- **Order Placement**: Allows users to place donut orders with customizable options.
- **Reusable Form Components**: Components like input fields, dropdowns, and radio buttons are reusable for various forms.
- **Order Management**: Manage, view, and edit current orders in a dynamic list.
- **SASS Styling**: Custom styles and buttons created using SASS for a more streamlined, maintainable, and responsive design.
- **State Management with Vuex**: Efficient state management for handling orders and user interactions in a centralized store.
- **Real-time Updates**: Updates on order details reflected immediately across the app.
- **PostgreSQL Integration**: Store and retrieve order data using PostgreSQL for reliable and scalable data management.
## Tech Stack
**Vue.js**
| **Vuex**
| **SASS**
| **PostgreSQL**
## Links
- [Live Demo](https://oh-my-donuts.netlify.app)
- [Video Teaser](https://www.youtube.com/watch?reload=9&v=1vZzvyr_ZsU)
- [GitHub Repository](https://github.com/gabrielpenteado/oh-my-donuts)
Gabriel Penteado
Full Stack Software Engineer
[](https://www.linkedin.com/in/gabriel-penteado)
[](https://github.com/gabrielpenteado)
[](mailto:[email protected])