https://github.com/tlklein/vuejs-form-app
This project is a simple form application built using Vue.js, HTML, and JavaScript. It allows users to interact with various facilities, toggle items, and calculate a total cost based on user selections. The app also ensures proper formatting of currency in USD.
https://github.com/tlklein/vuejs-form-app
css html js vuejs
Last synced: 5 months ago
JSON representation
This project is a simple form application built using Vue.js, HTML, and JavaScript. It allows users to interact with various facilities, toggle items, and calculate a total cost based on user selections. The app also ensures proper formatting of currency in USD.
- Host: GitHub
- URL: https://github.com/tlklein/vuejs-form-app
- Owner: tlklein
- Created: 2024-04-07T18:44:33.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-09T12:45:16.000Z (over 1 year ago)
- Last Synced: 2025-05-21T18:32:49.088Z (about 1 year ago)
- Topics: css, html, js, vuejs
- Language: Vue
- Homepage:
- Size: 153 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue.js Form App
This project is a simple form application built using **Vue.js**, **HTML**, and **JavaScript**. It allows users to interact with various facilities, toggle items, and calculate a total cost based on user selections. The app also ensures proper currency formatting in USD($).
## Features
- **Dynamic Item Display**: Items are displayed dynamically using loops.
- **Item Toggle Functionality**: Items can be toggled on or off.
- **Total Calculation**: The app calculates the total cost based on user actions.
- **Currency Formatting**: All prices are displayed in USD format.
- **Code Cleanliness**: Follows Vue.js best practices with no errors or unnecessary components.
## Requirements
- Items are displayed using a loop.
- Items can be toggled on/off.
- Calculation of totals is handled via button actions.
- Prices are formatted as USD.
- **Part 1 Completion**: Commit message `Finished Part1`.
- Remove `node_modules` before final submission.
- Avoid the use of "Hello World" or Vue welcome components.
- **Part 2 Completion**: Commit message `Finished Part2`.
- Final submission must have no errors and include a GitHub repository link.
## Getting started
Follow these steps to set up and run the Vue.js form application locally.
### Technologies
- Basic knowledge of VueJS, HTML, and JavaScript.
- Basic knowledge of npm, and git.
### Setup
- Install any requirements you may not have.
- View or run in the browser via the HTML file in the folder called 'simpleForm'.
## About the Author
This project was completed by Trinity Klein for the **CIS 4339 Enterprise Applications Development** course at the University of Houston under the guidance of Professor Xuqing Wu.
---
Feel free to contribute, provide feedback, or discuss improvements!