akronwit/baseballapp

Community Project started by Tasha Markovich

baseball

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Vue Customize configuration

See Configuration Reference.

Hacktoberfest setup info

Tools

Code editors

https://code.visualstudio.com/ https://atom.io/ https://www.sublimetext.com/3

Design tools

https://www.sketch.com/ https://www.figma.com/downloads/

hacktoberfest Sign-Up & Details

sign-up

https://hacktoberfest.digitalocean.com/

Details

https://hacktoberfest.digitalocean.com/details

github Tutorials

https://www.digitalocean.com/community/tutorial_series/an-introduction-to-open-source

https://drive.google.com/file/d/1DoRBH3pTXQoKdEjMsN5GqBaqq9QAJdK6/view?usp=sharing

Vue Tutorial

https://vuejs.org/v2/guide/

https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started

https://code.visualstudio.com/docs/nodejs/vuejs-tutorial

baseballapp's Issues

High fidelity design of navigation of the entire site.

Fix ReadMe - links on new line

Create code issues for "At Bat" page.

Create code issues for the "At Bat" page. In the project "Code" break up requirement from Case #10 which should be in the "Requirements" folder into issues for people to work on.

Low fidelity wireframe a new "At Bat Page"

Create a new low fidelity wireframe of the "At Bat" Page. You can use any UX wireframe tool of your choice. Add this wireframe file to this git hub project in a folder called "Designs". If the "Designs" folder is not created. Create it.

Create issues for the "Players Info" page.

Create issues in the "Code" Project.

Code Player Info Page

** might be broken up into more granular tasks

UX research for "At Bat" High Fidelity Page

After issue #7 is complete create and run a UX research study on the "At Bat" page. Add the study and report to the "Research" folder under "Designs".

UX Research of High fidelity Wireframe for Home" page.

Place study and results in a folder called "Research" Under "Designs"

"At Bat" Code Issues Creation

Create issues in the "Code" project based on Code Requirements for "At Bat" Page.

Integrate BootstrapVue

Integrate bootstrap into our project.
https://bootstrap-vue.org/

Fix webpackChunkName

Player info has the incorrect webpackChunkName.

v-if's would be better as a filter

On the Player.vue page "v-if's would be better as a filter"

At bat page, implement save function

On the at bat page, when you click 'save' the application should update/save to the players.json file

Update the high fidelity wireframe of the "home" page.

Use the UX tool used in the previous design. and make changes based on the Research in Issue #15. Upload designs to the "Designs" folder.

Add inning titles to scoresheet

Update High Fidelity Designs of "At Bat" Page Based on Research.

Use report in issue #8 to update the High Fidelity designs for the "At Bat" page. The report should be in the "Research" folder under "Designs".

High fidelity designs of "At Bat" pages.

After Issue #5 and #6 are completed create a high fidelity design for the "At Bat' Page. Place design in the "Designs' Folder.

Create issues based on Code Requirements for High fidelity designs "Home" Page.

Create issues based on Code Requirements for High fidelity designs "Home" Page. Add issues to the "Code" Project.

Create Code Requirements for the Players info Page

Add to the "Requirements" folder.

Low fidelity wireframe "Home" page.

Use UX tool of choice. Place in "Designs" folder.

Conduct Secondary Research on the Player Info Page.

Add all findings and report to the "Research" folder under "Designs"

UX research study for Low fidelity wireframe "Home" page.

Place study and results in "Research" folder under "Designs"

Create code requirements or High Fidelity Designs "Home" page.

Create code requirements based on Issue #16. Should be located in the "Designs" folder. Place Requirements in the "Requirements" folder.

High fidelity wireframe for "Home" page

Use UX tool of choice. Place in "Designs" folder.

Move CSS into separate files

Move CSS coded in the .vue files into their own files. Keep them "Scoped"

Run UX studies on "At Bat Page" Low fidelity Designs.

Create a UX study around the Low fidelity Designs for the "At Bat' Page. Add the study findings report to the folder "Research" under the folder "Designs".

High Fidelity design of Player Info page.

Use results from #24 and place designs in "Designs" folder.

Conduct research on elements needed for Navigation from page to page.

Conduct a UX research Study on what navigational elements are needed for the Entire application.

At Bat page, add cancel button

Low fidelity design of navigation of the entire site

Low fidelity design of navigation of the entire site after Issue #20 is completed. See "research' for issue #20 results.

Design Low fidelity wireframe of Player info page.

Place designs in "Designs" folder

Code requirements "At Bat" page

Create code requirements for "At Bat" Page. This is done after high fidelity designs are completed (issue #9). Add requirements to a folder called "Requirements".

UX research on "Player Info" page.

Place study and results in the "Research" folder.