Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/terichadbourne/e28
Coursework for DGMD E-28 (Single Page Applications with Vue.js) - Potty Talk game & Rants & Raves review app
https://github.com/terichadbourne/e28
vue vuejs
Last synced: 4 days ago
JSON representation
Coursework for DGMD E-28 (Single Page Applications with Vue.js) - Potty Talk game & Rants & Raves review app
- Host: GitHub
- URL: https://github.com/terichadbourne/e28
- Owner: terichadbourne
- Created: 2019-09-12T18:01:18.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T07:49:15.000Z (over 1 year ago)
- Last Synced: 2024-10-12T12:44:35.833Z (25 days ago)
- Topics: vue, vuejs
- Language: Vue
- Homepage:
- Size: 7.47 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 120
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Single-Page Applications & Interfaces with Vue.js (E-28)
Coursework for DGMD E-28, Single-Page Applications & Interfaces with Vue.js, taken as a graduate-level course at Harvard Extension School in the fall of 2019. Multiple projects were built incrementally over the course of the class, adding in new Vue.js functionality as we went.### Potty Talk
A mystery word guessing game to accompany the Toilet Transcripts.
![image](https://user-images.githubusercontent.com/19171465/111885993-7b853700-89a1-11eb-8f64-aae294613790.png)
This project uses single file components in Vue.js.
**View live app**: https://potty-talk.teri.dev/
**View code**: https://github.com/terichadbourne/e28/tree/master/p2
**Run locally**:
```js
git clone https://github.com/terichadbourne/e28.git
cd e28/p2
npm install
npm run serve
```
and view at http://localhost:8080/### Rants & Raves
This is an MVP of an app that could be used to share feedback among company employees. In the current data structure, each employee has a single rant and a single rave maximum.
There are currently 3 defined "pages":
- People (view a list of all employees with their rants and raves)
- Rants (view all rants anonymously or filter down to view just favorites)
- Raves (view all raves anonymously or filter down to view just favorites)Clicking on a specific rant or rave takes you a page with more detail, including the person the feedback is from.
While on Rants or Raves pages or looking at a specific piece of feedback, the user can mark it as a favorite. (In a real-world application, this could be used to judge where employees are in alignment on their opinions.) The app is currently read-only except for the favoriting feature.
This project uses Vue.js, VueX, Firebase, Vuelidate, Cypress and Mocha.
**View live app**: https://rants-raves.teri.dev/
**View code**: https://github.com/terichadbourne/e28/tree/master/p4
**Run locally**:
```js
git clone https://github.com/terichadbourne/e28.git
cd e28/p4
npm install
npm run serve
```
and view at http://p4.loc:8080/